当前位置: 首页 > news >正文

JS关于多张图片上传显示报错不影响后面图片上传方法

关于多张图片上传或者下载显示报错后会程序会终止执行,从而影响后面图片上传。

解决方法:

/*能正常访问的图片*/
const url = 'https://2vimg.hitv.com/100/2308/0109/5359/dqKIZ7d4cnHL/81Vu0c.jpg?x-oss-process=image/format,webp';
/*不能正常下载的图片 (跨域问)*/
const urls = 'https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/36b749b8bc954816b90998beef6a93e5~noop.image?_iz=58558&from=article.pc_detail&x-expires=1691135481&x-signature=ohziADdEWZ1qrfRqUI6xIitOnVk%3D';(function () {fetchFile(url, 'image');fetchFile(urls, 'images');})()async function fetchFile(url, fileName) {let promise = new Promise(async function (resolve, reject) {// try {await fetch(url).then((response) => response.blob()).then((blob) => {const file = new File([blob], fileName, {type: blob.type, lastModified: Date.now()})resolve(file);}).catch(error => reject(error))// } catch (e) {//     reject(e)// }})promise.then(/*请求成功*/function resolve(file) {const box = document.getElementsByClassName('box1')box[0].src = URL.createObjectURL(file);console.log(file)},/*请求失败报错*/function reject(error) {const box = document.getElementsByClassName('box')box[0].src = 'https://1vimg.hitv.com/100/2307/2810/1525/2WZw3cbDPP/bjgE99.jpg?x-oss-process=image/format,webp'console.log("报错设置默认图片")console.log(error)})
}

http://www.lryc.cn/news/106529.html

相关文章:

  • MySQL踩坑之sql_mode的用法
  • 消息队列总结(4)- RabbitMQ Kafka RocketMQ高性能方案
  • websocket服务端大报文发送连接自动断开分析
  • 想写几个上位机,是选择学c#还是 c++ qt呢?
  • JavaScript 简单实现观察者模式和发布-订阅模式
  • java集成短信服务 测试版 qq邮箱简单思路
  • #P0994. [NOIP2004普及组] 花生采摘
  • Elasticsearch和Kibana的安装及验证
  • 细讲TCP三次握手四次挥手(一)
  • 【linux-zabbix】zabbix-agent启动报错:Daemon never wrote its PID file. Failing.
  • 【微信小程序】初始化 wxCharts,调用updateData动态更新数据
  • 【C语言初阶(19)】实用的 VS 调试技巧
  • 虚拟机之间配置免密登录
  • 【contenteditable属性将元素改为可编辑状态】
  • Android 第三方库CalendarView
  • 钉钉群消息推送
  • css clip-path 属性介绍
  • Python之pyinstaller打包exe填坑总结
  • Form Generator 表单JSON数据储存以及JSON回显表单
  • Python - OpenCV识别条形码、二维码(已封装,拿来即用)
  • Python如何快速实现爬取网页?
  • 怎么才能远程控制笔记本电脑?
  • 【3】C++实现多进程、多线程
  • Linux用户权限信息、chmod以及chown命令
  • 利用vscode--sftp,将本地项目/文件上传到远程服务器中详细教程
  • java List和数组相互转换的方法总结
  • 【音频分离】demucs V3的环境搭建及训练(window)
  • JAVA环境变量配置(windows)
  • 爬虫教程1_Xpath 入门教程
  • Python爬虫教程篇+图形化整理数据(数学建模可用)