限制图片上传大小

src/pages/distributor/adddistributorinfo/adddistributorinfo.js

@@ -162,7 +162,15 @@ export default class adduserinfo extends React.Component{
 			_self.setState({headImg:''})
 		}
 	};
-  
+	onUploadError = (type, data) => {
+    if (type === 'overMaxAmount') {
+			Notify.clear();
+      Notify.error(`最多可上传 ${data.maxAmount} 张图片`);
+    } else if (type === 'overMaxSize') {
+			Notify.clear();
+      Notify.error(`图片大小不能超过 ${data.formattedMaxSize}`);
+    }
+	};
   //选择销售人员
 	onsaleChange(e){
 		let model2 = this.state.model
@@ -829,19 +837,21 @@ this.setState({pwdtype:e});
 			{
                 this.state.defaultFileList[0].src.includes('lsxd')?(<ImageUpload
                     className="zent-image-upload-demo"
-                    maxSize={5 * 1024 * 1024}
+                    maxSize={500* 1024}
-                    tips="建议尺寸 30*30，图片不超过 500kb"
+                    tips="建议尺寸 80*80，图片不超过 500kb"
                     maxAmount={1}
                     onChange={(e)=>{this.onUploadChange(e)}}
                     onUpload={this.onUpload}
-                    defaultFileList={this.state.defaultFileList}
+										defaultFileList={this.state.defaultFileList}
+										onError={this.onUploadError}
                 />):(<ImageUpload
                     className="zent-image-upload-demo"
-                    maxSize={5 * 1024 * 1024}
+                    maxSize={500 * 1024}
-                    tips="建议尺寸 30*30，图片不超过 500kb"
+                    tips="建议尺寸 80*80，图片不超过 500kb"
                     maxAmount={1}
                     onChange={(e)=>{this.onUploadChange(e)}}
-                    onUpload={this.onUpload}
+										onUpload={this.onUpload}
+										onError={this.onUploadError}
                 />)
             }
         </div>

src/pages/system/account/add/adduserinfo/adduserinfo.js

@@ -160,6 +160,16 @@ export default class adduserinfo extends React.Component{
 			Notify.error('请完善表单数据');
 		}
 	}
+	onUploadError = (type, data) => {
+    if (type === 'overMaxAmount') {
+			Notify.clear();
+      Notify.error(`最多可上传 ${data.maxAmount} 张图片`);
+    } else if (type === 'overMaxSize') {
+			Notify.clear();
+      Notify.error(`图片大小不能超过 ${data.formattedMaxSize}`);
+    }
+	};
+	
   //选择图片
 	onUploadChange(files){
 		let _self=this;
@@ -475,20 +485,22 @@ export default class adduserinfo extends React.Component{
 			{
 				this.state.defaultFileList[0].src==''?<ImageUpload
         className="zent-image-upload-demo"
-        maxSize={5 * 1024 * 1024}
+        maxSize={500 * 1024}
         tips="建议尺寸 80*80，图片不超过 500kb"
 				maxAmount={1}
 				onChange={(e)=>{this.onUploadChange(e)}}
 				onUpload={this.onUpload}
+				onError={this.onUploadError}
 			
       />:<ImageUpload
 			className="zent-image-upload-demo"
-			maxSize={5 * 1024 * 1024}
+			maxSize={500 * 1024}
-			tips="建议尺寸 30*30，图片不超过 500kb"
+			tips="建议尺寸 80*80，图片不超过 500kb"
 			maxAmount={1}
 			onChange={(e)=>{this.onUploadChange(e)}}
 			onUpload={this.onUpload}
 			defaultFileList={this.state.defaultFileList}
+			onError={this.onUploadError}
 		/>
 			}