会员中心上传头像时的，上传图片并剪切

可以在我的资源下载：http://download.csdn.net/detail/qq_33769914/9875716（会员中心上传头像时的，上传图片并剪切）

似乎没有压缩，只在本地看的话还是好的，但是上传给服务器可能就没有加载完就上传了。所以用的时候还是考虑一下

我引入5个js却隐藏了3个，原因是.// 这个upimg.js是我把上面三个js放在一起了，这样占得内存少一点

-->

</div>
</div>

$("#goods_image_area").photoClip({
                            // width: width,
                            // height: height,
                            file: "#goods_image",   //
                            view: "#goods_image_view",
                            ok: "#goods_image_btn",
                            loadStart: function() {
                                console.log("照片读取中");
                            },
                            loadComplete: function() {
                                console.log("照片读取完成");
                            },
                            clipFinish: function(dataURL) {
                                var srcpic=$("#goods_image_view").attr("src")
                                $("#goods_image_area").attr("src",srcpic) ;
                                console.log(dataURL) //图片的路径
                                // $.ajax({
                                //     url: "upload.php",
                                //     data: {name: dataURL.substring(27),id:name},
                                //     type: 'post',
                                //     // dataType: 'html',
                                // })
                            }
                        });

//也就是选择好了图片
                    $("input[type='file']").change(function(){
                        $("#goods_image_view").css('display','none');
                        $(".image").css('display','none');
                        $("#goods_image_area").css('display','block');
                      // $("#goods_image_view").css('display','block');
                        $("#goods_image_btn").css('display','block');
                    });

//点击完成，当前按钮隐藏。只显示剪切之后的图片
                    $("#goods_image_btn").click(function(){
                        $(this).hide()
                       $("#goods_image_area").hide();
                       $("#goods_image_view").show();
                    });

            });

会员中心上传头像时的，上传图片并剪切相关推荐

split逗号分割中文出现乱码java_Java中URL传中文时乱码的问题解决方案
前言 Java中URL传中文时乱码的问题相信不少朋友都遇到过,最近就遇到一个问题,就是在Action当中把一条中文信息绑定在URL的后面,ActionForward到别一个页面时,用reqeust.g ...
discuz 上传头像时提示目录不可写 Can not write to the data/tmp folder!
最近自己闲的没事,架一个了discuz论坛,想学习一下,系统的架构理念! 但遇到了一个头疼的问题,就是用户在点击 -->设置-->修改头像--->选择上传照片时一直提示" ...
上传头像，layui上传图片
layui上传与bootstrap上传相似,只是不需要下插件, layui自带的已够用先看一下前台界面,这里是用到的上传头像先点击开始上传,头像上传至服务器中, 返回json添加至form表单中, ...
python星号*在函数中、传参时的含义
函数中:将其他传入的元祖格式的数据,都纳入麾下可参考:什么是*args和**kwargs?:https://blog.csdn.net/weixin_35757704/article/details ...
上传头像时圆形裁剪框
上传头像到服务端时需要将图片裁剪,项目中用到的是圆形的裁剪框,先看效果: 代码实现如下: public class ClipImageBorderView extends View { /** * 水 ...
Vue中使用的el-upload时批量上传图片时报错问题处理
项目场景: 项目场景:项目中有一个文件上传的场景,使用el-upload组件进行上传,单图上传是正常,但是在进行批量上传时报了错. 问题描述使用el-upload在进行多图批量上传时系统提示报错. ...
upload组件实现图片上传，图片上传，上传图片，上传头像，批量上传图片前后端逻辑
1.主要使用el-ui的upload组件.代码如下,最主要的就是将上传的文件转化为当前的url显示在页面主要代码如下,基于vue的: <template><div><e ...
合肥市招投标中心上传文件html格式,投标文件排版格式有什么标准？怎吗才能中标？...
一般招标文件在招标书中均规定了投标书的排版格式要求,制作者必须遵照招标文件要求编写投标书.如果在招标文件中没有明确的规定,可参考下列排版格式 01纸张要求:封面.封底.正文采用A4纸.白色,装订后的尺 ...
抖音创作者中心上传视频
流程方面主要就是把八步操作: 一.获取相关的key,token,该接口需要抖音系通用的signature签名二.获取上传视频所需要的地址.需要第一步的获取到的参数. 三.上传视频,需要视频大小,以及 ...

会员中心上传头像时的，上传图片并剪切

会员中心上传头像时的，上传图片并剪切相关推荐

最新文章

热门文章