寻找一种解决方案以从本地图像获取数据

Question

        var milli = new Date().getMilliseconds();
        albumart.innerHTML = '<img src="/var/mobile/Documents/Artwork.jpg?' + milli + '">';

我使用上面的代码将图像加载到在手机上运行的文档中，这意味着文件存储在手机上，因此我无法将图像上传到服务器，我该怎么做才能防止CORS错误来吗？

当我尝试使用诸如colorify.js或dynamic.js之类的库时出现错误

Answer 1

库将图像插入画布，并尝试使用违反图像的CORS策略的画布上下文方法。

A。您可以在img标签中使用(tensorflow)$属性：

crossorigin

CORS支持：https://caniuse.com/#search=cors

B。从var milli = new Date().getMilliseconds(); albumart.innerHTML = '<img src="/var/mobile/Documents/Artwork.jpg?' + milli + '" crossorigin>';或使用src生成'local'img Blob（当不支持data:url属性时，变通办法很慢）。

1. 通过crossorigin加载图像
2. 转换为XMLHttpRequest或Blob
3. 创建网址：Base64 string或URL.createObjectURL(Blob)