Selaa lähdekoodia

维保点位修改弹框图片上传

Ming 4 vuotta sitten
vanhempi
commit
6bd2a0ee3d
3 muutettua tiedostoa jossa 39 lisäystä ja 10 poistoa
  1. 10 10
      api/request.js
  2. 28 0
      js/point.js
  3. 1 0
      pages/operation/point.html

+ 10 - 10
api/request.js

@@ -1,9 +1,9 @@
-// // 动态获取url
-// const BASEURL = getRequestPrefix();
+// 动态获取url
+const BASEURL = getRequestPrefix();
 
-// // 动态获取用户名密码
-// const LOGIN_NAME = sessionStorage.getItem('V_LOGINNAME');
-// const LOGIN_PASSWORD = sessionStorage.getItem('V_PASSWORD');
+// 动态获取用户名密码
+const LOGIN_NAME = sessionStorage.getItem('V_LOGINNAME');
+const LOGIN_PASSWORD = sessionStorage.getItem('V_PASSWORD');
 
 
 
@@ -13,12 +13,12 @@
 //最新测试url
 // const BASEURL = "http://121.40.217.77:8080/Device_Manager/";
 
-// 本地调试url
-const BASEURL = "http://127.0.0.1:8080/Device_Manager/";
+// // 本地调试url
+// const BASEURL = "http://127.0.0.1:8080/Device_Manager/";
 
-// 用户名、 密码
-const LOGIN_NAME = "admin";
-const LOGIN_PASSWORD = "e10adc3949ba59abbe56e057f20f883e";
+// // 用户名、 密码
+// const LOGIN_NAME = "admin";
+// const LOGIN_PASSWORD = "e10adc3949ba59abbe56e057f20f883e";
 
 
 

+ 28 - 0
js/point.js

@@ -201,6 +201,34 @@ layui.use('layer', function() {
                     })
                 }
             });
+
+            // start 
+
+            $('#editDataForm input[name=picture_route]').off('change').on('change', function() {
+
+                // 先获取用户上传的文件对象
+                let fileObj = this.files[0];
+                // 生成一个文件读取的内置对象
+                let fileReader = new FileReader();
+                // 将文件对象传递给内置对象
+                fileReader.readAsDataURL(fileObj); //这是一个异步执行的过程,所以需要onload回调函数执行读取数据后的操作
+                // 将读取出文件对象替换到img标签
+                fileReader.onload = function() { // 等待文件阅读器读取完毕再渲染图片
+                    $('#pictureRouteShow').attr('src', fileReader.result)
+                    $('#pictureRouteShow').css('display', 'block')
+                }
+                uploadImg('pictureRouteEit', function(result) {
+                    result = JSON.parse(result);
+                    if (!result.flag) {
+                        alert('上传图片失败')
+                        return;
+                    }
+                    $('#picture_route').val(result.data)
+                });
+            });
+
+
+            // end 
         }
     })
 

+ 1 - 0
pages/operation/point.html

@@ -171,6 +171,7 @@
                     <div>
                         <span>上传图片<i class="necessary">*</i></span>
                         <input id="pictureRouteEit" name="picture_route" type="file">
+                        <input type="hidden" name="picture_route" id="picture_route">
                     </div>
                     <div>
                         <span></span>