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

2

@@ -216,6 +216,13 @@ class SalesmangoodsController extends WeChatBaseController{ @@ -216,6 +216,13 @@ class SalesmangoodsController extends WeChatBaseController{
216 } 216 }
217 } 217 }
218 $this -> assign('goods_data',$goods_data); 218 $this -> assign('goods_data',$goods_data);
  219 +
  220 + $options=config('wechat_config');
  221 + $app = new Application($options);
  222 + $js = $app->js;
  223 + $jssdk=$js->config(array('chooseImage','uploadImage'), false,false,true);
  224 + $this->assign('jssdk',$jssdk);
  225 +
219 return $this -> fetch(); 226 return $this -> fetch();
220 } 227 }
221 228
@@ -79,7 +79,7 @@ @@ -79,7 +79,7 @@
79 <!-- 添加照片 --> 79 <!-- 添加照片 -->
80 <div class="log_six_add_photo"> 80 <div class="log_six_add_photo">
81 <div class="log_six_photo_one"> 81 <div class="log_six_photo_one">
82 - <div class="log_six_add_img"> 82 + <div class="log_six_add_img" onclick="img_file()">
83 <if condition="empty($goods_data.show_img)"> 83 <if condition="empty($goods_data.show_img)">
84 <img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" /> 84 <img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" />
85 <else/> 85 <else/>
@@ -90,11 +90,11 @@ @@ -90,11 +90,11 @@
90 添加照片 90 添加照片
91 </div> 91 </div>
92 <div class="input_file"> 92 <div class="input_file">
93 - <input type="file" id="img1_file_img" name="avatar" /> 93 + <!--<input type="file" id="img1_file_img" name="avatar" />-->
94 </div> 94 </div>
95 </div> 95 </div>
96 <div class="log_six_photo_one"> 96 <div class="log_six_photo_one">
97 - <div class="log_six_add_img"> 97 + <div class="log_six_add_img" onclick="img_suolue()">
98 <if condition="empty($goods_data.thumbnail)"> 98 <if condition="empty($goods_data.thumbnail)">
99 <img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" /> 99 <img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" />
100 <else/> 100 <else/>
@@ -106,7 +106,7 @@ @@ -106,7 +106,7 @@
106 添加缩略图 106 添加缩略图
107 </div> 107 </div>
108 <div class="input_file"> 108 <div class="input_file">
109 - <input type="file" id="img_file_suolue" name="avatar" /> 109 + <!-- <input type="file" id="img_file_suolue" name="avatar" />-->
110 </div> 110 </div>
111 </div> 111 </div>
112 112
@@ -257,7 +257,7 @@ @@ -257,7 +257,7 @@
257 <div class="log_six_file_picture"> 257 <div class="log_six_file_picture">
258 <div class="log_six_picture"> 258 <div class="log_six_picture">
259 <div class="log_six_picture_one"> 259 <div class="log_six_picture_one">
260 - <div class="log_six_pictyre_img"> 260 + <div class="log_six_pictyre_img" onclick="openCamera2()">
261 <if condition="empty($goods_data.det_img[0])"> 261 <if condition="empty($goods_data.det_img[0])">
262 <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" /> 262 <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" />
263 <else/> 263 <else/>
@@ -269,13 +269,13 @@ @@ -269,13 +269,13 @@
269 添加图片 269 添加图片
270 </div> 270 </div>
271 <div class="input_files"> 271 <div class="input_files">
272 - <input type="file" id="img0_file" name="avatar" /> 272 + <!--<input type="file" id="img0_file" name="avatar" />-->
273 </div> 273 </div>
274 </div> 274 </div>
275 </div> 275 </div>
276 <div class="log_six_picture"> 276 <div class="log_six_picture">
277 <div class="log_six_picture_one"> 277 <div class="log_six_picture_one">
278 - <div class="log_six_pictyre_img"> 278 + <div class="log_six_pictyre_img" onclick="openCamera1()">
279 <if condition="empty($goods_data.det_img[1])"> 279 <if condition="empty($goods_data.det_img[1])">
280 <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" /> 280 <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" />
281 <else/> 281 <else/>
@@ -286,13 +286,13 @@ @@ -286,13 +286,13 @@
286 添加图片 286 添加图片
287 </div> 287 </div>
288 <div class="input_files"> 288 <div class="input_files">
289 - <input type="file" id="img1_file" name="avatar" /> 289 + <!--<input type="file" id="img1_file" name="avatar" />-->
290 </div> 290 </div>
291 </div> 291 </div>
292 </div> 292 </div>
293 <div class="log_six_picture"> 293 <div class="log_six_picture">
294 <div class="log_six_picture_one"> 294 <div class="log_six_picture_one">
295 - <div class="log_six_pictyre_img"> 295 + <div class="log_six_pictyre_img" id="openCamera">
296 <if condition="empty($goods_data.det_img[2])"> 296 <if condition="empty($goods_data.det_img[2])">
297 <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img2" /> 297 <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img2" />
298 <else/> 298 <else/>
@@ -303,7 +303,7 @@ @@ -303,7 +303,7 @@
303 添加图片 303 添加图片
304 </div> 304 </div>
305 <div class="input_files"> 305 <div class="input_files">
306 - <input type="file" id="img2_file" name="avatar" /> 306 + <!-- <input type="file" id="img2_file" name="avatar" />-->
307 </div> 307 </div>
308 <input type="hidden" name="id" value="{$goods_data.id}"> 308 <input type="hidden" name="id" value="{$goods_data.id}">
309 </div> 309 </div>
@@ -321,6 +321,176 @@ @@ -321,6 +321,176 @@
321 <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> 321 <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
322 <script src="__TMPL__/public/assets/js/city.data-3.js"></script> 322 <script src="__TMPL__/public/assets/js/city.data-3.js"></script>
323 <script src="__TMPL__/public/assets/js/uploadfile.js"></script> 323 <script src="__TMPL__/public/assets/js/uploadfile.js"></script>
  324 +<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  325 +<script>
  326 + $('#openCamera').click(function(){
  327 +
  328 + wx.config({$jssdk});
  329 + wx.chooseImage({
  330 + count: 1, // 默认9
  331 + sizeType: ['original'], // 指定是原图还是压缩图,默认都有
  332 + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
  333 + success: function (res) {
  334 + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  335 +
  336 + wx.uploadImage({
  337 + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
  338 + isShowProgressTips: 1, // 进度提示
  339 + success: function (res) {
  340 + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
  341 + //将获取到的 mediaId 传入后台 方法savePicture
  342 + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
  343 + //填写你自己的业务逻辑
  344 + res = JSON.parse(res);
  345 + $('#img2').attr("src",res.filename);
  346 + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
  347 + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
  348 + });
  349 +
  350 + },
  351 + fail: function (res) {
  352 + alertModal('图片上传失败,请重试');
  353 + }
  354 + });
  355 + }
  356 + });
  357 +
  358 + });
  359 +
  360 + function openCamera1(){
  361 + wx.config({$jssdk});
  362 + wx.chooseImage({
  363 + count: 1, // 默认9
  364 + sizeType: ['original'], // 指定是原图还是压缩图,默认都有
  365 + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
  366 + success: function (res) {
  367 + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  368 +
  369 + wx.uploadImage({
  370 + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
  371 + isShowProgressTips: 1, // 进度提示
  372 + success: function (res) {
  373 + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
  374 + //将获取到的 mediaId 传入后台 方法savePicture
  375 + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
  376 + //填写你自己的业务逻辑
  377 + res = JSON.parse(res);
  378 + $('#img1').attr("src",res.filename);
  379 + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
  380 + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
  381 + });
  382 +
  383 + },
  384 + fail: function (res) {
  385 + alertModal('图片上传失败,请重试');
  386 + }
  387 + });
  388 + }
  389 + });
  390 + }
  391 +
  392 + function openCamera2(){
  393 + wx.config({$jssdk});
  394 + wx.chooseImage({
  395 + count: 1, // 默认9
  396 + sizeType: ['original'], // 指定是原图还是压缩图,默认都有
  397 + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
  398 + success: function (res) {
  399 + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  400 +
  401 + wx.uploadImage({
  402 + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
  403 + isShowProgressTips: 1, // 进度提示
  404 + success: function (res) {
  405 + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
  406 + //将获取到的 mediaId 传入后台 方法savePicture
  407 + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
  408 + //填写你自己的业务逻辑
  409 + res = JSON.parse(res);
  410 + $('#img0').attr("src",res.filename);
  411 + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
  412 + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
  413 + });
  414 +
  415 + },
  416 + fail: function (res) {
  417 + alertModal('图片上传失败,请重试');
  418 + }
  419 + });
  420 + }
  421 + });
  422 +
  423 + }
  424 +
  425 + function img_file(){
  426 +
  427 + wx.config({$jssdk});
  428 + wx.chooseImage({
  429 + count: 1, // 默认9
  430 + sizeType: ['original'], // 指定是原图还是压缩图,默认都有
  431 + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
  432 + success: function (res) {
  433 + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  434 +
  435 + wx.uploadImage({
  436 + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
  437 + isShowProgressTips: 1, // 进度提示
  438 + success: function (res) {
  439 + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
  440 + //将获取到的 mediaId 传入后台 方法savePicture
  441 + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
  442 + //填写你自己的业务逻辑
  443 + res = JSON.parse(res);
  444 + $('#show_img').attr("src",res.filename);
  445 + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
  446 + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
  447 + });
  448 +
  449 + },
  450 + fail: function (res) {
  451 + alertModal('图片上传失败,请重试');
  452 + }
  453 + });
  454 + }
  455 + });
  456 +
  457 + }
  458 +
  459 + function img_suolue(){
  460 +
  461 + wx.config({$jssdk});
  462 + wx.chooseImage({
  463 + count: 1, // 默认9
  464 + sizeType: ['original'], // 指定是原图还是压缩图,默认都有
  465 + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有
  466 + success: function (res) {
  467 + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  468 +
  469 + wx.uploadImage({
  470 + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得
  471 + isShowProgressTips: 1, // 进度提示
  472 + success: function (res) {
  473 + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId
  474 + //将获取到的 mediaId 传入后台 方法savePicture
  475 + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){
  476 + //填写你自己的业务逻辑
  477 + res = JSON.parse(res);
  478 + $('#thumbnail').attr("src",res.filename);
  479 + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs");
  480 + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles");
  481 + });
  482 +
  483 + },
  484 + fail: function (res) {
  485 + alertModal('图片上传失败,请重试');
  486 + }
  487 + });
  488 + }
  489 + });
  490 +
  491 + }
  492 +
  493 +</script>
324 <script> 494 <script>
325 /** 495 /**
326 *确定添加 496 *确定添加
@@ -405,7 +575,7 @@ @@ -405,7 +575,7 @@
405 }) 575 })
406 //上传图片 576 //上传图片
407 577
408 - $(function() { 578 + /* $(function() {
409 $("#img1_file_img").change(function() { 579 $("#img1_file_img").change(function() {
410 var img_size = $(this).get(0).files[0].size; 580 var img_size = $(this).get(0).files[0].size;
411 if(img_size > 1024000) { 581 if(img_size > 1024000) {
@@ -505,7 +675,7 @@ @@ -505,7 +675,7 @@
505 } 675 }
506 }); 676 });
507 677
508 - }); 678 + });*/
509 </script> 679 </script>
510 </body> 680 </body>
511 681