解决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月前
分享:根据批量的图片文件名,如何在电脑里一次性查找多张图片,复制并保存到新的文件夹
本文介绍了一款批量文件处理软件,用于快速查找和管理大量图片。通过下载链接提供软件,用户可执行以下操作:搜索并复制特定文件名的图片,从大型图库中筛选目标图片至指定位置,或按文件名批量删除图片。软件支持完全匹配、模糊查找和格式限定等查找方式。使用后能显著提升图片整理效率,节省时间。
603 3
|
6月前
防止图片重复下载方案,图像压缩保存与压缩显示
防止图片重复下载方案,图像压缩保存与压缩显示
62 0
|
数据采集 Python
生活这么无聊,保存点小姐姐的图片来点调料吧
生活这么无聊,保存点小姐姐的图片来点调料吧
|
前端开发
关于上传多文件的一些记录
关于上传多文件的一些记录
73 0
|
存储 API 开发工具
Bug日志(三)-获取本地图片后上传失败
原来为了能给用户提供对文件的更多控制并限制文件混乱,Android Q改变了应用程序访问设备外部存储上文件的方式,例如存储在路径/ sdcard中的文件。Android Q继续使用READ_EXTERNAL_STORAGE和WRITE_EXTERNAL_STORAGE权限,这些权限对应于存储面向用户的运行时权限。但是,默认情况下targetSdkVersion设置为Android Q的应用(以及manifest清单开启属性来启动这个变更的应用)会获得一个沙盒视图到外部存储。此类应用程序只能看到其特定于应用程序的目录和特定媒体类型,因此应用程序不需要请求任何其他用户权限。
实现手动上传表单数据+图片文件
在很多项目中都会有上传数据+图片的需求,我最近在项目中负责活动发布的板块,需要几个表单数据加两个图片和一个图片数组,我看到产品需求后头就很大,我之前没有做过相关的业务,所以这几天一直在尝试,看到接口文档我内心已经崩了。
161 1
实现手动上传表单数据+图片文件
|
JavaScript
原生js实现图片单张上传及批量上传
原生js实现图片单张上传及批量上传
|
移动开发 JSON 前端开发
mPaaS H5选图预览到上传怎么做
在金融性质的App里,选择本地相册图片或者拍照,然后预览并且上传是一个典型的使用场景,比如常见的身份证信息上传。在最近接触的几家银行客户里,都反馈有类似的场景,并且在使用上都或多或少的遇到一些问题,最后找到我们,希望我们提供一些最佳实践。在这里分享下对应场景的一些优化解决方案。
257 0
mPaaS H5选图预览到上传怎么做