提交 8556bda0 authored 作者: 钟是志's avatar 钟是志

34330 【兴仁市】离校管理系统-离校查询与统计-毕业生领取统计,点击回执人数进入已回执人数,再点击查看附件,有个多余的叉号,账号xrmzzyAdmin24,密码xrmzzyAdmin@123

上级 ba1a5ebc
......@@ -6,7 +6,7 @@ import { getToken } from '@/webPublic/one_stop_public/utils/token';
import { queryFileUrl } from '@/webPublic/one_stop_public/utils/queryConfig';
import {
getSassApiHeader,
getSysCode
getSysCode,
} from '@/webPublic/one_stop_public/2023yunshangguizhou/utils';
export default class ImgUploadCom extends React.Component {
......@@ -66,14 +66,14 @@ export default class ImgUploadCom extends React.Component {
let _URL = window.URL || window.webkitURL;
let image = new Image();
image.src = _URL.createObjectURL(file);
image.onload = function () {
image.onload = function() {
resolve({
width: image.width,
height: image.height,
});
};
});
}
};
giveMessage = () => {
const { otherProps = {} } = this.props;
......@@ -82,8 +82,7 @@ export default class ImgUploadCom extends React.Component {
content: otherProps.limitMessage || '图片格式错误!',
okText: '确定',
});
}
};
render() {
......@@ -99,23 +98,23 @@ export default class ImgUploadCom extends React.Component {
token: getToken(),
}}
beforeUpload={(file) => {
if(otherProps){
if(otherProps.limitFileType && Array.isArray(otherProps.limitFileType)){ // 限制文件类型
if (otherProps) {
if (otherProps.limitFileType && Array.isArray(otherProps.limitFileType)) { // 限制文件类型
let fileType = file.name.split('.').pop();
if(!otherProps.limitFileType.includes(fileType)){
if (!otherProps.limitFileType.includes(fileType)) {
this.giveMessage();
return false;
}
}
if(otherProps.limitWidth || otherProps.limitHeight){ //限制上传图片的宽高. 解决禅道任务 2006
if (otherProps.limitWidth || otherProps.limitHeight) { //限制上传图片的宽高. 解决禅道任务 2006
return new Promise((resolve, reject) => {
this.getImageWidthAndHeight(file).then((res) => {
if(otherProps.limitWidth && res.width !== otherProps.limitWidth){
if (otherProps.limitWidth && res.width !== otherProps.limitWidth) {
this.giveMessage();
reject(false);
return false;
}
if(otherProps.limitHeight && res.height !== otherProps.limitHeight){
if (otherProps.limitHeight && res.height !== otherProps.limitHeight) {
this.giveMessage();
reject(false);
return false;
......@@ -132,15 +131,23 @@ export default class ImgUploadCom extends React.Component {
// 禅道bug 23185
}}
showUploadList={false}
name="file"
name='file'
action={config.uploadUrl}
onChange={this.changeUrl}
multiple={false}
style={{ padding: 0 }}>
{url ? (
disabled ? <img
src={queryFileUrl(url)}
style={{
height: json.height,
width: json.width,
maxWidth: '60vw', // 解决图片在移动端过宽的bug
}}
/> :
<Badge
count={
<Icon type="close-circle" style={{ color: 'red' }} onClick={this.removePicture} />
<Icon type='close-circle' style={{ color: 'red' }} onClick={this.removePicture} />
}>
<img
src={queryFileUrl(url)}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论