diff --git a/app/portal/controller/SalesmangoodsController.php b/app/portal/controller/SalesmangoodsController.php
index d29ffbe..6777ea6 100644
--- a/app/portal/controller/SalesmangoodsController.php
+++ b/app/portal/controller/SalesmangoodsController.php
@@ -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();
}
diff --git a/public/themes/simpleboot3/portal/salesmangoods/salesman_goods_edit.html b/public/themes/simpleboot3/portal/salesmangoods/salesman_goods_edit.html
index b4efea9..28f56f8 100755
--- a/public/themes/simpleboot3/portal/salesmangoods/salesman_goods_edit.html
+++ b/public/themes/simpleboot3/portal/salesmangoods/salesman_goods_edit.html
@@ -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>