html由src获得file对象,将图像对象转换为File对象,javascript

您可以使用fetch和FormData进行转换和上传.

//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});})

);

}

//usage example: (works in Chrome and Firefox)

//convert src to File and upload to server php

srcToFile('/images/logo.png', 'new.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)

;

对于您的情况,只需用imageObject.src替换’/images/logo.png’

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值