正在显示
2 个修改的文件
包含
189 行增加
和
12 行删除
@@ -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 |
-
请 注册 或 登录 后发表评论