加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MySql教程 > 正文

深入研究HTML5实现图片压缩上传功能

发布时间:2020-03-13 11:38:32 所属栏目:MySql教程 来源:站长网
导读:下面小编就为大家带来一篇深入研究HTML5实现图片压缩上传功能。小编觉得挺不错的,现在分享给大家。也给大家一个参考,一起跟随小编过来看看吧

                            ia[i] = data.charCodeAt(i);   

                        };   

                        //canvas.toDataURL 返回的默认格式就是 image/png   

                        var blob = new Blob([ia], {   

                            type: "image/jpeg"  

                        });   

                        var fd = new FormData();   

                        fd.append('myFile', blob);   

                        var xhr = new XMLHttpRequest();   

                        xhr.addEventListener("load", opts.success, false);   

                        xhr.addEventListener("error", opts.error, false);   

                        xhr.open("POST", opts.url);   

                        xhr.send(fd);   

                    }   

                };   

                funs.bindEvent();   

            });   

        }   

    });   

})(Zepto);  

调用方式:

JavaScript Code复制内容到剪贴板

$(".fileUpload").fileUpload({   

                "url""savetofile.php",   

                "file""myFile",   

                "success":function(evt){   

                    console.log(evt.target.responseText)   

                }   

});  

希望大家能找到更好的办法,多多交流!感谢!

以上这篇深入研究HTML5实现图片压缩上传功能就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读