移动端图片压缩及上传

RightHereWaitingFY

于 2020-12-09 11:19:20 发布

阅读量242

点赞数

CC 4.0 BY-SA版权

分类专栏： Js

本文链接：https://blog.youkuaiyun.com/luyundesign/article/details/110918852

Js 专栏收录该内容

39 篇文章

订阅专栏

该博客围绕移动端图片压缩及上传展开，虽无具体内容，但推测会涉及移动端环境下对图片进行有效压缩以减少数据量，再完成上传操作的相关技术和方法，属于信息技术中移动开发领域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- 引入lrz插件 -->
<script src="../../js/lrz/lrz.bundle.js" type="text/javascript" ></script>
<!-- H5 input accept="image/*" capture="camera" 打开图库 或者 调用相机 -->
<input type="file" id="FileImg" onchange="btnUploadFile(event)" accept="image/*" capture="camera">

// 使用lrz压缩图片后进行上传
function btnUploadFile(event) {
    /* 压缩图片 */
    lrz($("#FileImg")[0].files[0], {
        width: 300 //设置压缩参数
    }).then(function (rst) {
        var fileType = rst.origin.name.substring(rst.origin.name.lastIndexOf("."))
        var base64 = rst.base64.split(",")[1]
        // 执行ajax 上传
    }).catch(function (err) {
        /* 处理失败后执行 */
    }).always(function () {
        /* 必然执行 */
    })
}