anyv / xkeasy · 提交

转到一个项目

作者 anyv
提交 6d7600d5602bf64923cbce2f7f2c7c9f3bdfebff 1 个父辈 4c2a4b7c
1 个管道 的构建 通过 耗费 0 秒

2

内嵌 并排对比
正在显示 2 个修改的文件 包含 189 行增加 和 12 行删除
... ... @@ -216,6 +216,13 @@ class SalesmangoodsController extends WeChatBaseController{
}
}
$this -> assign('goods_data',$goods_data);
$options=config('wechat_config');
$app = new Application($options);
$js = $app->js;
$jssdk=$js->config(array('chooseImage','uploadImage'), false,false,true);
$this->assign('jssdk',$jssdk);
return $this -> fetch();
}
... ...
... ... @@ -79,7 +79,7 @@
<!-- 添加照片 -->
<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()">
<if condition="empty($goods_data.show_img)">
<img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" />
<else/>
... ... @@ -90,11 +90,11 @@
添加照片
</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()">
<if condition="empty($goods_data.thumbnail)">
<img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" />
<else/>
... ... @@ -106,7 +106,7 @@
添加缩略图
</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>
... ... @@ -257,7 +257,7 @@
<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()">
<if condition="empty($goods_data.det_img[0])">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" />
<else/>
... ... @@ -269,13 +269,13 @@
添加图片
</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()">
<if condition="empty($goods_data.det_img[1])">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" />
<else/>
... ... @@ -286,13 +286,13 @@
添加图片
</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">
<div class="log_six_pictyre_img" id="openCamera">
<if condition="empty($goods_data.det_img[2])">
<img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img2" />
<else/>
... ... @@ -303,7 +303,7 @@
添加图片
</div>
<div class="input_files">
<input type="file" id="img2_file" name="avatar" />
<!-- <input type="file" id="img2_file" name="avatar" />-->
</div>
<input type="hidden" name="id" value="{$goods_data.id}">
</div>
... ... @@ -321,6 +321,176 @@
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script src="__TMPL__/public/assets/js/uploadfile.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
$('#openCamera').click(function(){
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);
$('#img2').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 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('图片上传失败，请重试');
}
});
}
});
}
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>
/**
*确定添加
... ... @@ -405,7 +575,7 @@
})
//上传图片
$(function() {
/* $(function() {
$("#img1_file_img").change(function() {
var img_size = $(this).get(0).files[0].size;
if(img_size > 1024000) {
... ... @@ -505,7 +675,7 @@
}
});
});
});*/
</script>
</body>
... ...