后臺配置
public function upload_img($img){import('ORG.Tencent.Weixin');$wx = new Weixin(get_app_config());$media_data=$wx->getMedia($img);$path='./Uploads/'.uniqid().'.jpg';if(!file_put_contents($path,$media_data)){$this->error('圖片上傳失敗');}return $path;}前端代碼<body><div class="zdImg"><img src="" width="100%" height="100%" id="files"/><i class="removeImg" @click="remove_img"></i></div><div class="submit">提交</div><script>var images = $(".zdImg img").attr("src");$(".zdImg img").click(function(){ sheetPicture(images)})$(".submit").click(function(){var data = { }var url = $app+"/Clan/info_add"sumitPicture(images,'te_img',url,data)})上傳一張圖片function sheetPicture(imgSrc){wx.chooseImage({count: 1, // 默認9sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有success: function (res) {localId = res.localIds[0]; // 返回選定照片的本地ID列表,localId可以作為img標簽的src屬性顯示圖imgSrc = localId;}});}
function sumitPicture(imgSrc,img,ajax_url,ajax_data){wx.uploadImage({localId:imgSrc, // 需要上傳的圖片的本地ID,由chooseImage接口獲得isShowProgressTips: 1, // 默認為1,顯示進度提示success: function (res) {serverId = res.serverId; // 返回圖片的服務器端IDajax_data[img] = serverId;$.ajax({type: "post",url: ajax_url,data: ajax_data,dataType: "json",success: function(res) {if(res.status) {} else {}},error: function() {$.alert({msg: '傳輸錯誤'})}});}});}
上傳兩張圖片
var imgSrc =[];
var image_array=[]
function sheetPicture(imgSrc){
var img_length = 2-imgSrc.length;
?? ??? ??? ??? ??? ??? ?wx.chooseImage({
?? ??? ??? ??? ??? ??? ??? ? count: img_length, // 默認9
?? ??? ??? ??? ??? ??? ??? ? sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有
?? ??? ??? ??? ??? ??? ??? ?sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有
?? ??? ??? ??? ??? ??? ??? ?success: function (res) {
?? ??? ??? ??? ??? ??? ??? ??? ? var localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標簽的src屬性顯示圖片
?? ??? ??? ??? ??? ??? ??? ??? for (var i = 0; i < localIds.length; i++) {
?? ??? ??? ??? ??? ??? ??? ??? ??? ? this_obj.addImgs.push({ imgSrc: localIds[i]});
?? ??? ??? ??? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ??? ??? ? }
?? ??? ??? ??? ??? ??? ?});
}
function sumitPicture(imgSrc,img,ajax_url,ajax_data){wx.uploadImage({localId:imgSrc, // 需要上傳的圖片的本地ID,由chooseImage接口獲得isShowProgressTips: 1, // 默認為1,顯示進度提示success: function (res) {serverId = res.serverId; // 返回圖片的服務器端IDimage_array.push(serverId);$.ajax({type: "post",url: ajax_url,data: ajax_data,dataType: "json",success: function(res) {if(res.status) {} else {}},error: function() {$.alert({msg: '傳輸錯誤'})}});}});}
</script> </body>
?上傳兩張圖片
?