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

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

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

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


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

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

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

注:

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

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

相关文章
|
7月前
|
数据采集 分布式计算 搜索推荐
使用Python实现网页中图片的批量下载和水印添加保存
使用Python实现网页中图片的批量下载和水印添加保存
|
1天前
|
弹性计算 运维 Shell
|
1天前
|
数据采集 前端开发 数据安全/隐私保护
给picgo上传的图片加个水印
手把手教你们怎么给picgo中的图片加水印,防止图片被盗用
给picgo上传的图片加个水印
|
8月前
|
数据采集 Python
生活这么无聊,保存点小姐姐的图片来点调料吧
生活这么无聊,保存点小姐姐的图片来点调料吧
|
10月前
|
编解码 iOS开发
图片,视频上传&视频内容旋转
图片,视频上传&视频内容旋转
|
11月前
|
前端开发
关于上传多文件的一些记录
关于上传多文件的一些记录
50 0
|
数据采集 JavaScript 开发者
批量下载一些图片
学习的最大理由是想摆脱平庸,早一天就多一份人生的精彩;迟一天就多一天平庸的困扰。各位小伙伴,如果您:
178 0
|
JavaScript
原生js实现图片单张上传及批量上传
原生js实现图片单张上传及批量上传
没有图片增加默认图片,有图片路径,但是没有图片文件解决方案
没有图片增加默认图片,有图片路径,但是没有图片文件解决方案
128 0