微信头像单张图片上传
生活随笔
收集整理的這篇文章主要介紹了
微信头像单张图片上传
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
后臺配置
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, // 默認(rèn)9sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī)，默認(rèn)二者都有success: function (res) {localId = res.localIds[0]; // 返回選定照片的本地ID列表，localId可以作為img標(biāo)簽的src屬性顯示圖imgSrc = localId;}});}
function sumitPicture(imgSrc,img,ajax_url,ajax_data){wx.uploadImage({localId:imgSrc, // 需要上傳的圖片的本地ID，由chooseImage接口獲得isShowProgressTips: 1, // 默認(rèn)為1，顯示進(jìn)度提示success: function (res) {serverId = res.serverId; // 返回圖片的服務(wù)器端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, // 默認(rèn)9
?? ??? ??? ??? ??? ??? ??? ? sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有
?? ??? ??? ??? ??? ??? ??? ?sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī)，默認(rèn)二者都有
?? ??? ??? ??? ??? ??? ??? ?success: function (res) {
?? ??? ??? ??? ??? ??? ??? ??? ? var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標(biāo)簽的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, // 默認(rèn)為1，顯示進(jìn)度提示success: function (res) {serverId = res.serverId; // 返回圖片的服務(wù)器端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>
function sumitPicture(imgSrc,img,ajax_url,ajax_data){wx.uploadImage({localId:imgSrc, // 需要上傳的圖片的本地ID，由chooseImage接口獲得isShowProgressTips: 1, // 默認(rèn)為1，顯示進(jìn)度提示success: function (res) {serverId = res.serverId; // 返回圖片的服務(wù)器端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, // 默認(rèn)9
?? ??? ??? ??? ??? ??? ??? ? sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有
?? ??? ??? ??? ??? ??? ??? ?sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī)，默認(rèn)二者都有
?? ??? ??? ??? ??? ??? ??? ?success: function (res) {
?? ??? ??? ??? ??? ??? ??? ??? ? var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標(biāo)簽的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, // 默認(rèn)為1，顯示進(jìn)度提示success: function (res) {serverId = res.serverId; // 返回圖片的服務(wù)器端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>
?上傳兩張圖片
?
轉(zhuǎn)載于:https://www.cnblogs.com/gqx-html/p/7283649.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的微信头像单张图片上传的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 小米MIX Fold 2下本了 雷军：光
- 下一篇： Exception和RuntimeExc