fetch API & upload file
https://github.com/github/fetch/issues/89
https://stackoverflow.com/questions/40794468/upload-a-image-with-fetch
https://www.raymondcamden.com/2016/05/10/uploading-multiple-files-at-once-with-fetch/
http://shiya.io/using-fetch-to-upload-a-file/
https://fetchsoftworks.com/fetch/help/Contents/Tutorial/TutorialUploadingWeb.html
FormData
https://www.raymondcamden.com/2016/05/10/uploading-multiple-files-at-once-with-fetch/
function processForm(e) {
e.preventDefault();
var formData = new FormData();
if($f1.val()) {
var fileList = $f1.get(0).files;
for(var x=0;x<fileList.length;x++) {
formData.append('file'+x, fileList.item(x));
}
}
fetch('http://localhost:3000/upload', {
method:'POST',
body:formData
}).then(function(res) {
console.log('Status', res);
}).catch(function(e) {
console.log('Error',e);
});
}
function processForm(e) {
e.preventDefault();
var formData = new FormData();
if($f1.val()) {
var fileList = $f1.get(0).files;
for(var x=0;x<fileList.length;x++) {
formData.append('file'+x, fileList.item(x));
}
}
var request = new XMLHttpRequest();
request.open('POST', 'http://localhost:3000/upload');
request.send(formData);
request.onload = function(e) {
console.log('Request Status', request.status);
};
}
http server
https://github.com/xgqfrms-GitHub/browser-sync
refs
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!