theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛(component): url上传失效修复

Browse Source
This commit is contained in:
liangziming 2022-04-28 23:59:17 +08:00
parent 1010a4bbed
commit 063ecd7da0
1 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
package/component/src/component/upload/index.vue
View File

@ -184,19 +184,19 @@ const localUploadTransaction = (option: localUploadTransaction) => {
let _file = files[i]; let _file = files[i];
formData.append("file[" + i + "]", _file); formData.append("file[" + i + "]", _file);
} }
}
// 对应Upload属性的data字段,额外的上传参数 // 对应Upload属性的data字段,额外的上传参数
if (props.data && props.data instanceof Object) { if (props.data && props.data instanceof Object) {
let _requestDate = props.data; let _requestDate = props.data;
for (const key in _requestDate) { for (const key in _requestDate) {
formData.append(key, _requestDate[key]); formData.append(key, _requestDate[key]);
}
} }
}
let utimer = window.setTimeout(() => { let utimer = window.setTimeout(() => {
localUpload({ url, formData }, function () { localUpload({ url, formData }, function () {
clearTimeout(utimer); clearTimeout(utimer);
}); });
}, 200); }, 200);
}
}; };
//单文件上传的方法参数类型 //单文件上传的方法参数类型
@ -237,19 +237,24 @@ const localUpload = (option: localUploadOption, callback: Function) => {
//事件回调 //事件回调
// event callbacks // event callbacks
xhr.onreadystatechange = function () { xhr.onreadystatechange = function () {
if (xhr.readyState === 4) { // 发起
if ((xhr.status >= 200 && xhr.status <= 300) || xhr.status === 304) { let currentTimeStamp = new Date().valueOf();
let currentTimeStamp = new Date().valueOf(); if (xhr.readyState === 1) {
let successText = xhr.responseText ? xhr.responseText : uploadSuccess; if ((xhr.status >= 200 && xhr.status <= 300) || xhr.status === 304||xhr.status == 0) {
let successText = "上传开始";
emit( emit(
"before", "before",
Object.assign({ currentTimeStamp, msg: successText, ...option }) Object.assign({ currentTimeStamp, msg: successText, ...option })
); );
} else {
errorF(xhr.responseText);
} }
} else { }else if(xhr.readyState === 4){
errorF(defaultErrorMsg); // 完成
let successText = xhr.responseText ? xhr.responseText : uploadSuccess;
console.log(xhr);
if((xhr.status >= 200 && xhr.status <= 300) || xhr.status === 304||xhr.status == 0){
let data = xhr.responseText;
emit("done", {currentTimeStamp,msg:successText,data:data});
}
} }
}; };
xhr.open("post", url, true); //不能是GET, get请求数据发送只能拼接在URL后面 xhr.open("post", url, true); //不能是GET, get请求数据发送只能拼接在URL后面
@ -333,13 +338,15 @@ const getUploadChange = (e: any) => {
} }
}; };
const commonUploadTransaction = (_files: any[]) => { const commonUploadTransaction = (_files: any[]) => {
let currentTimeStamp = new Date().valueOf();
let successText = uploadSuccess;
if (props.url) { if (props.url) {
localUploadTransaction({ localUploadTransaction({
url: props.url, url: props.url,
files: _files, files: _files,
}); });
} else { } else {
emit("done", _files); emit("done", {currentTimeStamp,msg:successText,data:_files});
} }
}; };
const chooseFile = () => { const chooseFile = () => {