后台配置
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, // 默認9
sizeType: ['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; // 返回圖片的服務器端ID
ajax_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; // 返回圖片的服務器端ID
image_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>
上傳兩張圖片