最近公司接入另一个公司的jsSDK来做一个简易的图片编辑器,
麻烦的是在设定编辑器的图片时只留了两个接口,一个是传入图片
的线上地址,另一个是传入图片的file对象,考虑到每更换一张
图片就上传服务器的性能和流量消耗,决定还是传入file对象,
那么问题来了,如何将调用原生Scheme获得的本地图片路径转化为file对象?
流程:
路径→ dom img标签 → canvas画出该图 →调用canvas的方法生成base64编码 → 将编码转换成file对象
具体代码:
html:
<img id="canvasImg" src=""/>
<canvas id="mycanvas"></canvas>
css:(这里不需要显示img和canvas元素,他们只是一个过渡工具)
#canvasImg {
position: absolute;
left: 0;
top: