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

4

... ... @@ -239,34 +239,34 @@
<div class="log_six_file_picture">
<div class="log_six_picture">
<div class="log_six_picture_one">
<div class="log_six_pictyre_img">
<div class="log_six_pictyre_img" onclick="openCamera2()">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" />
</div>
<div class="log_six_pictyre_title">
添加图片
</div>
<div class="input_files">
<input type="file" id="img0_file" name="avatar" />
<!--<input type="file" id="img0_file" name="avatar" />-->
</div>
</div>
</div>
<div class="log_six_picture">
<div class="log_six_picture_one">
<div class="log_six_pictyre_img">
<div class="log_six_pictyre_img" onclick="openCamera1()">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" />
</div>
<div class="log_six_pictyre_title">
添加图片
</div>
<div class="input_files">
<input type="file" id="img1_file" name="avatar" />
<!--<input type="file" id="img1_file" name="avatar" />-->
</div>
</div>
</div>
<div class="log_six_picture">
<div class="log_six_picture_one">
<div class="log_six_pictyre_img" id="openCamera">
<img src="__TMPL__/public/assets/images/jiahao.png" id="img20" alt="" />
<img src="__TMPL__/public/assets/images/jiahao.png" id="img2" alt="" />
</div><!--id="img2"-->
<div class="log_six_pictyre_title">
添加图片
... ... @@ -311,7 +311,6 @@
$.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
//填写你自己的业务逻辑
res = JSON.parse(res);
alert(JSON.stringify(res));
$('#img20').attr("src",res.filename);
$(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
$(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
... ... @@ -327,6 +326,71 @@
});
function openCamera1(){
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);
$('#img1').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 openCamera2(){
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);
$('#img0').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>
... ... @@ -403,7 +467,7 @@
})
//上传图片
$(function() {
/* $(function() {
$("#img1_file_img").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
... ... @@ -503,7 +567,7 @@
}
});
});
});*/
</script>
</body>
... ...