//選擇圖片單個(gè)圖片wx.chooseImage({  count: 1, // 默認(rèn)9  sizeType: ['original'],  sourceType: ['album', 'camera'],  success: function (res) {    var localId= res.localIds[0];    $('#localId').text(localId);    //選擇圖片成功，上傳到微信服務(wù)器    wx.uploadImage({      localId: localId, // 需要上傳的圖片的本地ID，由chooseImage接口獲得      isShowProgressTips: 1, // 默認(rèn)為1，顯示進(jìn)度提示      success: function (res) {        var serverId = res.serverId; // 返回圖片的服務(wù)器端ID        $('#serverId').text(serverId);      }    });  }});

var serverId=$('#serverId').text();wx.downloadImage({  serverId: serverId, // 需要下載的圖片的服務(wù)器端ID，由uploadImage接口獲得  isShowProgressTips: 1, // 默認(rèn)為1，顯示進(jìn)度提示  success: function (res) {    var localId = res.localId; // 返回圖片下載后的本地ID    $('#imgTarget').attr('src',localId);  }});

<div class="container">  <!--圖片類型驗(yàn)證方法1-->  <input type="file" id="file" multiple accept="image/*" />  <input type="button" id="btn1" value="選擇上傳文件" onclick="showFiles();" />  <h4>選擇文件如下:</h4>  <img src="" id="img1" /></div>

//讀取圖片，并上傳到服務(wù)器實(shí)例var fileBox = document.getElementById('file');function showFiles() {  //獲取選擇文件的數(shù)組  var fileList = fileBox.files;  for (var i = 0; i < fileList.length; i++) {    var file = fileList[i];    //圖片類型驗(yàn)證第二種方式    if (/image///w+/.test(file.type))      readFile(file);    else      console.log(file.name + ':不是圖片');  }}//讀取圖片內(nèi)容 為DataURLfunction readFile(file) {  var reader = new FileReader();  reader.readAsDataURL(file);  reader.onload = function (e) {    var result = reader.result;    $('#img1').attr('src', result)    upload(result);  }  //上傳到自己的服務(wù)器  function upload(dataUrl){    var data=dataUrl.split(',')[1];    //數(shù)據(jù)結(jié)果是轉(zhuǎn)換,轉(zhuǎn)換成二進(jìn)制數(shù)據(jù)    data=window.atob(data);    var uint=new Uint8Array(data.length)    for (var i = 0; i < data.length; i++) {      uint[i]=data.charCodeAt(i);    }    var blob=new Blob([uint],{type:'image/jpeg'});    //上傳到服務(wù)器    var fd=new FormData();    fd.append('file',blob);    fd.append('isclip', '-1');    fd.append('maxsize', 1024*1024*10);    fd.append('minsize', 0);    fd.append('subfolder', '1');    fd.append('automove',true);    fd.append('extention', '.jpg');    alert('開始上傳');    var xhr = new XMLHttpRequest();    xhr.open('post', '/common/upload', true);    //監(jiān)聽事件    xhr.onreadystatechange = function (e) {      if (xhr.readyState == 4 && xhr.status == 200) {        var data = eval('(' + xhr.responseText + ')');        if (data.success == true) {          alert('上傳成功:');          alert(data.msg);        } else {          alert(data.msg);        }      } else {        //alert(xhr.readyState);      }    }    xhr.send(fd);  }}

wx.chooseImage({  count: 1, // 默認(rèn)9  sizeType: ['original'],  sourceType: ['album', 'camera'],  success: function (res) {    var localId= res.localIds[0];    //獲取圖片對(duì)象    try {      var img=new Image();      //此設(shè)置在微信瀏覽器中無(wú)效,也不會(huì)拋出異常，后面的代碼不會(huì)執(zhí)行      img.setAttribute('crossOrigin', 'anonymous');      img.onload=function(){        var canvas=document.getElementById('canvasOne');        var ctx=canvas.getContext('2d');        canvas.width=img.width;        canvas.height=img.height;        ctx.clearRect(0,0,canvas.width,canvas.height);        ctx.drawImage(img,0,0,img.width,img.height);        try {          upload(canvas);        } catch (e) {          alert(e.name);          alert(e.message);        }      }      img.src=localId;    } catch (e) {      alert(e.name);      alert(e.message);    }  }});//上傳到自己的服務(wù)器function upload(canvas){  //由于toDataURL()的瀏覽器安全問(wèn)題，如果不是同一個(gè)域的圖片會(huì)拋出異常  //所以此處  var data=canvas.toDataURL('image/jpeg');  data=data.split(',')[1];  alert(data.length);}