input文件上传
最近做项目,遇见了一些问题,特此记录一下。
图片上传问题
由于input的type=‘file’时,change事件会判断上传文件是否一样,如果不一样,才会触发该事件。因此,就导致了一个问题,前后2次上传的图片文件一样,就不会触发上传事件。
解决方法:
在图片重置的时候:
document.getElementById('***').value = ''
重置该input框的value值
图片下载问题
利用a标签进行下载。
export function download(id, fileName='xiaoming'){
// 这里一定要获取到所需下载的图片或者canvas这种
const dom = document.querySelector(`#${id}`)
const imgUrl = dom.toDataURL()
let a = document.createElement('a')
a.download = fileName;
// 下载地址
a.href = imgUrl
document.body.appendChild(a);
// 触发下载
a.click();
document.body.removeChild(a);
// document.appendChild: 有可能会报错
}
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhigicif
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
excel图片置于文字下方的方法
PHP中文网 06-27 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
微信提示登录环境异常是什么意思原因
PHP中文网 04-09 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22 -
微信人名旁边有个图标有什么用
PHP中文网 03-11