需求:获取Editorimg下的img元素数组,通过遍历转换数据。
问题 1:getElementsByTagName获取的是类数组 调用forEach需要转换成Array 数组
问题 2:本地运行成功但打包后它运行时失败
let EditorDom = document.getElementById('Editorimg');
// console.log('Editor元素 ==:', EditorDom);
let imgDom = EditorDom.getElementsByTagName('img');
console.log('img元素数组 ==:', imgDom);
// 发图片消息
if (imgDom.length > 0) {
console.log('img图片地址 ==:', imgDom[0].src);
Array.forEach((item) => {
getImgToBase64(item.src, (data) => {
let file = dataURLtoFile(data, 'paste');
this.sendImage(null, file, item.src);
});
});
}
解决方法:
通过解构将类数组转换成正常数组,就可以正常使用forEach遍历了
[...imgDom]
bhttps://mp.youkuaiyun.com/mp_blog/creation/editor?spm=1001.2101.3001.4503