HTML代码
<input id="file-input" accept="image/png, image/jpeg" type="file" name="name" />
选择图像后,我运行此代码
var file = $("#file-input").val();
console.log(getBase64(file));
这是 getBase64 函数
function getBase64(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => resolve(reader.result);
reader.onerror = error => reject(error);
});
}
此函数会触发此错误:
无法在“FileReader”上执行“readAsDataURL”:参数 1 的类型不是“Blob”。
这就是我尝试过的-如果您有可行的答案=请分享
尝试改变
var file = $("#file-input").val();
至
var file = $("#file-input")[0].files[0];
.val()
在这种情况下,实际上并没有返回您想要的 blob/文件对象。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句