關於mui使用ajax上傳圖片

1. 將文件轉化爲base64，再上傳

            var reader = new FileReader();//創建一個字符流對象
            reader.readAsDataURL(event.target.files[0]);//讀取本地圖片
            reader.onload = function(e) {
                let device_number = getQueryString("device_number");
                loginByFace(this.result, device_number)
                // loginByFace( window.btoa(this.result), device_number)
            };

 

 2. mui使用ajax上傳圖片時，使用formdata設置參數時，需要ajax上傳時需要參數

processData: false,
contentType: false,

                var formData = new FormData(); //創建一個forData
                formData.append('image', event.target.files[0]); //把file添加進去  name命名爲img
                formData.append("device_number", device_number);
                this.value = "";
                loginByFace(formData)    

function loginByFace(formData){
        mui.ajax('/backend/api/Face/process?func=loginByFace',{
			data:formData,
            type:'post',
            processData: false,
            contentType: false,
            success:function(data){
                // 防止服務器返回空
                if(isEmpty(data)){
                    mui.alert('服務器返回爲空','錯誤','確定',null,'div');
                    return;
                }
                // 兼容服務器返回json格式或者字符串格式
                if(typeof data == 'string'){
                    // 防止服務器JSON格式出錯
                    try{
                        data = JSON.parse(data);
                    } catch(e) {
                        mui.alert('JSON解析出錯','錯誤','確定',null,'div');
                        return;
                    }
                }
                if(data.errcode == 200){
                    location.replace('./login_success.html');
                }else{
                    localStorage.setItem("login_msg",data.errmsg);
                    location.replace('/html/examine/login_fail.html');
                }
            },
            error:function(xhr,type,errorThrown){
                console.log(xhr);
            }
        });
    }