fetch API & upload file

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://stackoverflow.com/questions/36453950/upload-file-with-fetch-api-in-javascript-and-show-progress

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 发布文章使用：只允许注册用户才可以访问！

---