解决cropperjs文件重复上传同一张照片没反应问题

简介: 解决cropperjs文件重复上传同一张照片没反应问题

之前图片上传的插件用的是,基于cropper.js的图片上传和裁剪:

https://www.jianshu.com/p/f9986bd52ec6,现在考虑到一个用户体验的问题,但上传一张图片之后,发现裁剪的并没有自己想象中的好,再继续选择同一张图片进行二次裁剪,这个时候,就不会出现裁剪框,只有更换另外一张新的图片才行。


关于解决cropperjs文件重复上传同一张照片没反应问题,你踩的坑,有人已经为你踩过了一遍,感谢大神男朋友提供的解决办法。

打开插件js代码,在代码里面添上这一段。在触发选择图片的这个事件的时候,清空之前选中的图片。

$("#chooseImg").click(function(){
    $(this).val("")
})

注:

清空后,当你选择好文件,点击确定的的时候,input的value会获取到文件的路径,onchange会监听到input的改变触发绑定的事件。

不清空,每次上传同一张图片,路径值是一直不变的,所以没法触发onchange的监听事件。

相关文章
|
数据采集 分布式计算 搜索推荐
使用Python实现网页中图片的批量下载和水印添加保存
使用Python实现网页中图片的批量下载和水印添加保存
|
5月前
|
存储 Python
python实现图片与视频转换:将视频保存为图片,将批量图片保存为视频
python实现图片与视频转换:将视频保存为图片,将批量图片保存为视频
|
4月前
分享:根据批量的图片文件名,如何在电脑里一次性查找多张图片,复制并保存到新的文件夹
本文介绍了一款批量文件处理软件,用于快速查找和管理大量图片。通过下载链接提供软件,用户可执行以下操作:搜索并复制特定文件名的图片,从大型图库中筛选目标图片至指定位置,或按文件名批量删除图片。软件支持完全匹配、模糊查找和格式限定等查找方式。使用后能显著提升图片整理效率,节省时间。
516 3
|
6月前
|
文字识别 测试技术 数据安全/隐私保护
案例:批量区域识别内容重命名,批量识别扫描PDF区域内容识别重命名,批量识别图片区域内容重命名图片修改图片名字,批量识别图片区域文字并重命名,批量图片部分识别内容重命文件,PDF区域内容提取重命名
该内容介绍了如何使用区域识别重命名软件高效整理图片,例如将图片按时间及内容重命名,适用于简历、单据等识别。文中提供了软件下载链接(百度云盘和腾讯网盘),并列出软件使用的几个关键条件,包括文字清晰、文件名长度限制等。示例展示了银行单据和公司工作单据的识别情况。文章还提及OCR技术在图片文字识别中的应用,强调了识别率、误识率和用户友好性等评估指标。如有类似需求,读者可留言或下载软件测试,并提供图片以获取定制的识别方案。
301 2
|
6月前
防止图片重复下载方案,图像压缩保存与压缩显示
防止图片重复下载方案,图像压缩保存与压缩显示
57 0
|
6月前
|
弹性计算 运维 Shell
|
前端开发
关于上传多文件的一些记录
关于上传多文件的一些记录
69 0
实现手动上传表单数据+图片文件
在很多项目中都会有上传数据+图片的需求,我最近在项目中负责活动发布的板块,需要几个表单数据加两个图片和一个图片数组,我看到产品需求后头就很大,我之前没有做过相关的业务,所以这几天一直在尝试,看到接口文档我内心已经崩了。
158 1
实现手动上传表单数据+图片文件
|
数据采集 JavaScript 开发者
批量下载一些图片
学习的最大理由是想摆脱平庸,早一天就多一份人生的精彩;迟一天就多一天平庸的困扰。各位小伙伴,如果您:
212 0
|
JavaScript
原生js实现图片单张上传及批量上传
原生js实现图片单张上传及批量上传