style: prettier
parent
0a0a6a6103
commit
63fbed0d76
|
@ -30,9 +30,11 @@ export default {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<div style={{
|
<div
|
||||||
|
style={{
|
||||||
margin: '100px',
|
margin: '100px',
|
||||||
}}>
|
}}
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<Upload {...uploaderProps}>
|
<Upload {...uploaderProps}>
|
||||||
<a>开始上传</a>
|
<a>开始上传</a>
|
||||||
|
|
|
@ -28,25 +28,29 @@ export default {
|
||||||
// EXAMPLE: post form-data with 'axios'
|
// EXAMPLE: post form-data with 'axios'
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
if (data) {
|
if (data) {
|
||||||
Object
|
Object.keys(data).map(key => {
|
||||||
.keys(data)
|
|
||||||
.map(key => {
|
|
||||||
formData.append(key, data[key]);
|
formData.append(key, data[key]);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
formData.append(filename, file);
|
formData.append(filename, file);
|
||||||
|
|
||||||
axios.post(action, formData, {
|
axios
|
||||||
|
.post(action, formData, {
|
||||||
withCredentials,
|
withCredentials,
|
||||||
headers,
|
headers,
|
||||||
onUploadProgress: ({ total, loaded }) => {
|
onUploadProgress: ({ total, loaded }) => {
|
||||||
onProgress({
|
onProgress(
|
||||||
|
{
|
||||||
percent: Math.round((loaded / total) * 100).toFixed(2),
|
percent: Math.round((loaded / total) * 100).toFixed(2),
|
||||||
}, file);
|
|
||||||
},
|
},
|
||||||
}).then(({data: response}) => {
|
file,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
})
|
||||||
|
.then(({ data: response }) => {
|
||||||
onSuccess(response, file);
|
onSuccess(response, file);
|
||||||
}).catch(onError);
|
})
|
||||||
|
.catch(onError);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
abort() {
|
abort() {
|
||||||
|
@ -65,17 +69,17 @@ export default {
|
||||||
error(err) {
|
error(err) {
|
||||||
console.log('error', err);
|
console.log('error', err);
|
||||||
},
|
},
|
||||||
progress({
|
progress({ percent }, file) {
|
||||||
percent,
|
|
||||||
}, file) {
|
|
||||||
console.log('progress', `${percent}%`, file.name);
|
console.log('progress', `${percent}%`, file.name);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<div style={{
|
<div
|
||||||
|
style={{
|
||||||
margin: '100px',
|
margin: '100px',
|
||||||
}}>
|
}}
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<Upload {...uploaderProps}>
|
<Upload {...uploaderProps}>
|
||||||
<a>开始上传</a>
|
<a>开始上传</a>
|
||||||
|
|
|
@ -64,15 +64,14 @@ export default {
|
||||||
opacity:0.5;
|
opacity:0.5;
|
||||||
`;
|
`;
|
||||||
return (
|
return (
|
||||||
<div style={{
|
<div
|
||||||
|
style={{
|
||||||
margin: '100px',
|
margin: '100px',
|
||||||
}}>
|
}}
|
||||||
|
>
|
||||||
<h2>固定位置</h2>
|
<h2>固定位置</h2>
|
||||||
|
|
||||||
<style>
|
<style>{style}</style>
|
||||||
{
|
|
||||||
style
|
|
||||||
}</style>
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<Upload {...uploaderProps}>
|
<Upload {...uploaderProps}>
|
||||||
|
@ -87,16 +86,20 @@ export default {
|
||||||
height: '200px',
|
height: '200px',
|
||||||
overflow: 'auto',
|
overflow: 'auto',
|
||||||
border: '1px solid red',
|
border: '1px solid red',
|
||||||
}}>
|
}}
|
||||||
<div style={{
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
height: '500px',
|
height: '500px',
|
||||||
}}>
|
}}
|
||||||
|
>
|
||||||
<Upload
|
<Upload
|
||||||
{...uploaderProps1}
|
{...uploaderProps1}
|
||||||
component="div"
|
component="div"
|
||||||
style={{
|
style={{
|
||||||
display: 'inline-block',
|
display: 'inline-block',
|
||||||
}}>
|
}}
|
||||||
|
>
|
||||||
<a>开始上传2</a>
|
<a>开始上传2</a>
|
||||||
</Upload>
|
</Upload>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue