javascript - 使用 xhr 简单的 POST 操作时出现 404 NOT FOUND 错误

Question

这里我做的是简单的文件选择操作，会在指定路径上传到服务器

document.getElementById('files').addEventListener('change', function(e) {
    var file = this.files[0];

    var xhr = new XMLHttpRequest();
    (xhr.upload || xhr).addEventListener('progress', function(e) {
        var done = e.position || e.loaded
        var total = e.totalSize || e.total;
        console.log('xhr progress: ' + Math.round(done/total*100) + '%');
    });
    xhr.addEventListener('load', function(e) {
        console.log('xhr upload complete', e, this.responseText);
    });
    xhr.open('post', '/Users/Documents/uploads/', true);
	
    var data = new FormData;
    data.append('file', file);
    data.append('json', '{"foo":"bar"}'); // for jsFiddle
    xhr.send(data);
});

<input id="files" type="file" />

标签： javascripthtmlfile-uploadxmlhttprequest