@@ -133,30 +133,36 @@ class FileUploader extends React.Component {
133
133
file = new File ( [ file ] , newName , { type : file . type } ) ;
134
134
}
135
135
try {
136
- let fileReader = new FileReader ( ) ;
137
- fileReader . readAsDataURL ( file ) ;
136
+ let isImage = / i m a g e / i. test ( uploadFile . type ) ;
138
137
139
- fileReader . addEventListener ( 'load' , function ( event ) {
140
- let isImage = / i m a g e / i. test ( file . type ) ;
141
- if ( uploadType === 'file' || isImage ) {
142
- let uploadFileItem = {
143
- name : file . name ,
144
- fileIconUrl : isImage ? event . target . result : getFileIconUrl ( file . name , file . type ) ,
145
- isUploading : true ,
146
- isErrorTip : false ,
147
- file : file ,
148
- size : file . size ,
149
- url : '' ,
150
- type : uploadType === 'file' ? 'file' : '' ,
151
- percent : 0 ,
152
- } ;
138
+ let uploadFileItem = {
139
+ name : uploadFile . name ,
140
+ fileIconUrl : getFileIconUrl ( uploadFile . name ) ,
141
+ isUploading : true ,
142
+ isErrorTip : false ,
143
+ uploadFile : uploadFile ,
144
+ size : uploadFile . size ,
145
+ url : '' ,
146
+ type : uploadType === 'file' ? 'file' : '' ,
147
+ percent : 0 ,
148
+ } ;
149
+
150
+ // Provide preview when the image size is less than 100MB
151
+ if ( isImage && uploadFile . size < 100 * 1024 * 1024 ) {
152
+ let fileReader = new FileReader ( ) ;
153
+ fileReader . readAsDataURL ( uploadFile ) ;
154
+ fileReader . onload = function ( event ) {
155
+ uploadFileItem . fileIconUrl = event . target . result ;
153
156
uploadFileList . push ( uploadFileItem ) ;
154
- }
155
- checkLoadFinish ( ) ;
156
- } , false ) ;
157
- fileReader . addEventListener ( 'error' , function ( e ) {
157
+ checkLoadFinish ( ) ;
158
+ } ;
159
+ fileReader . onerror = function ( ) {
160
+ checkLoadFinish ( ) ;
161
+ } ;
162
+ } else {
163
+ uploadFileList . push ( uploadFileItem ) ;
158
164
checkLoadFinish ( ) ;
159
- } , false ) ;
165
+ }
160
166
} catch ( event ) {
161
167
checkLoadFinish ( ) ;
162
168
}
0 commit comments