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

转载于:https://www.cnblogs.com/xgqfrms/p/10458475.html