后台配置
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>
上传两张图片