技術標籤：Js

<!-- 引入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 () {
        /* 必然執行 */
    })
}