解决cropper.js3.0上传跨域图片不显示及toDataURL失败问题
来源:互联网 发布:绿豆沙护眼软件 编辑:程序博客网 时间:2024/05/20 18:51
上传本地图片时先不要上传到服务器,转成base64格式图片即可。
function upload(obj) { var file = obj.files[0]; //判断类型是不是图片 if(!/image\/\w+/.test(file.type)) { alert("请确保文件为图像类型"); return false; } var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { $('.container > img').cropper("replace", this.result); $(".cropper").fadeIn(); $("#logo").val(""); }}
裁剪后再上传图片,这样canvas就算调用跨域图片toDataURL也可获得base64的图片数据。
最后再执行上传base64图片的操作。
阅读全文
0 0
- 解决cropper.js3.0上传跨域图片不显示及toDataURL失败问题
- 上传及裁剪图片(WebUploader+cropper)
- WordPress解决上传图片使用中文名不显示的问题
- 解决WordPress文章上传图片使用中文名不显示的问题
- 跨年问题终于解决(php不显示某些图片)
- ueditor1_2_6_1-utf8-net传解决本地图片上传失败问题
- 解决umeditor上传图片失败
- 解决umeditor上传图片失败
- fckEditor的使用以及图片上传不显示解决
- 解决ajax XMLHttpRequest 跨域上传文件失败问题
- 使用Cropper进行图片剪裁上传
- 图片上传及显示
- 图片上传及显示
- Android图片裁剪库——cropper使用,完美解决图片填充不满布局问题
- kindeditor之上传图片不显示的问题
- 解决github上传代码不显示贡献值的问题
- wordpress上传图片不显示
- kindeditor-4.1.10解决上传图片之后全屏显示问题?
- vue.js在windows本地下搭建环境和创建项目
- 什么是客户端负载均衡
- Android-->build.gradle-->buildTypes
- android 坐标系
- CentOS 6通过yum安装gcc 4.9 5.2等高版本gcc
- 解决cropper.js3.0上传跨域图片不显示及toDataURL失败问题
- 基于.Net Core 2.0 + SqlSugar ORM + MySql快速实现网站开发
- 感恩教师节,悦书送好礼
- 通信协议——Http、TCP、UDP
- 快乐数(环路检测)
- 64-ia-32架构优化手册(7)
- 数据库快速获取数据库表字段名
- 基于Vue的图片放大镜组件封装
- 进行数据库插入操作的时候使用 PreparedStatement 更好