JS图片压缩上传处理

最新推荐文章于 2024-09-14 17:41:03 发布

withflower丶

最新推荐文章于 2024-09-14 17:41:03 发布

阅读量152

点赞数

分类专栏： PHP 文章标签： php 图片压缩 javascript

本文链接：https://blog.csdn.net/qq_36317862/article/details/77448259

版权

PHP 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JS图片上传使用 localResizeIMG 插件，github下载地址如下：

https://github.com/think2011/localResizeIMG

HTML代码：

<input type="file" class='photo_input' accept="image/*" />

JS代码：

导入下载好的

<script src="js/lrz.all.bundle.js"></script>

<script>

$(".photo_input").each(function(){
	var that = this;
	$(this).change(function(){
		lrz(this.files[0])
        .then(function (rst) {
            $.ajax({
	            url:"upload_json.php",
	            type:"post",
	            dataType:'json',
	            data: rst.formData,
	            cache: false,
	            contentType: false,
	            processData: false,
	            success:function(data){
	            	// 成功操作
	            },
	            error:function (data){
			// 失败操作
	            }
	        });
        })
        .catch(function (err) {
            // 处理失败会执行
            alert(err);
        })
        .always(function () {
            // 不管是成功失败，都会执行
        });
	});
});