作者 anyv
1 个管道 的构建 通过 耗费 9 秒

4

... ... @@ -71,25 +71,25 @@
<!-- 添加照片 -->
<div class="log_six_add_photo">
<div class="log_six_photo_one">
<div class="log_six_add_img">
<div class="log_six_add_img" onclick="img_file()">
<img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" />
</div>
<div class="log_six_add_title">
添加照片
</div>
<div class="input_file">
<input type="file" id="img1_file_img" name="avatar" />
<!--<input type="file" id="img1_file_img" name="avatar" />-->
</div>
</div>
<div class="log_six_photo_one">
<div class="log_six_add_img">
<div class="log_six_add_img" onclick="img_suolue()">
<img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" />
</div>
<div class="log_six_add_title">
添加缩略图
</div>
<div class="input_file">
<input type="file" id="img_file_suolue" name="avatar" />
<!--<input type="file" id="img_file_suolue" name="avatar" />-->
</div>
</div>
... ... @@ -391,6 +391,74 @@
}
function img_file(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图,默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#show_img').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败,请重试');
}
});
}
});
}
function img_suolue(){
wx.config({$jssdk});
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original'], // 指定是原图还是压缩图,默认都有
sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
isShowProgressTips: 1, // 进度提示
success: function (res) {
var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
//将获取到的 mediaId 传入后台 方法savePicture
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
$('#thumbnail').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
});
},
fail: function (res) {
alertModal('图片上传失败,请重试');
}
});
}
});
}
</script>
<script>
... ...