使用localResizeIMG-master上传图片

最新推荐文章于 2020-08-07 10:14:56 发布

2012013977

最新推荐文章于 2020-08-07 10:14:56 发布

阅读量1.1k

点赞数

分类专栏：文件上传

本文链接：https://blog.csdn.net/nianzhi1202/article/details/52853126

版权

文件上传专栏收录该内容

4 篇文章 0 订阅

订阅专栏

关于这个插件的使用这里介绍的非常清楚https://github.com/think2011/localResizeIMG，下面是我项目中的一个实例，引入的js在github上下载：

html中：




	
    
    
	Document

<script language="javascript" type="text/javascript" src="./localResizeIMG-master/dist/lrz.bundle.js"></script>
<script language="javascript" type="text/javascript" src="./jquery-2.1.1.min.js"></script>


	
	
    
    
     
     
点击上传
     
     
图片
    
    
	<script>
$("#uploadImg").change(function(){
              lrz(this.files[0], {width:640})
              .then(function (rst) {
   				//可以在此处添加wait的GIF图片
              $.ajax({
                  url: 'lrz.php',
                  type: 'post',
                  data: {img:rst.base64},        
                  dataType: 'json',
                  timeout: 200000,
                  success: function (data) {
                      console.log(data.img_url);
              		//如果添加了GIF图片可以在此处删除
                          },
                  error: function (data) {
                        }
                      });
                  })
                  .catch(function (err) {
                  })
                  .always(function () {
                  });
          });
  </script>

php中：