<img id="uImage" src="C:\Image.jpg" >
<input type="file" name="file" id="ufile" />
<img id="uImage" src="C:\Image.jpg" >
<input type="file" name="file" id="ufile" />
<input type=file ...>
元素添加文件。
但是您可以通过FormData和XMLHttpRequest或fetch将您的File对象上传到服务器。
//load src and convert to a File instance object
//work for any type of src, not only image src.
//return a promise that resolves with a File instance
function srcToFile(src, fileName, mimeType){
return (fetch(src)
.then(function(res){return res.arrayBuffer();})
.then(function(buf){return new File([buf], fileName, {type:mimeType});})
);
}
使用示例:(适用于Chrome和Firefox)
将src转换为File并上传到服务器
srcToFile('/images/logo.png', 'logo.png', 'image/png')
.then(function(file){
var fd = new FormData();
fd.append('file1', file);
return fetch('/upload.php', {method:'POST', body:fd});
})
.then(function(res){
return res.text();
})
.then(console.log)
.catch(console.error)
;