优化 编辑业主时加入拍照功能

WebService/src/main/resources/components/ownerPackage/edit-owner/editOwner.html

@@ -13,6 +13,10 @@
                                 <button class="btn btn-primary" type="button" v-on:click="_takePhotoForEdit()"><span
                                         class="glyphicon glyphicon-camera"></span> 拍照
                                 </button>
+                                <span class="btn btn-default btn-file" v-on:click="_uploadEditPhoto($event)">
+                                    <span class="fileinput-new" >上传照片</span>
+                                </span>
+                                <input type="file" class="file" accept="images/*" id="uploadEditOwnerPhoto" hidden v-on:change="_chooseEditPhoto($event)">
                             </div>
                         </div>
                         <div class="col-sm-6">

WebService/src/main/resources/components/ownerPackage/edit-owner/editOwner.js

@@ -199,7 +199,26 @@
                     vc.component.editOwnerInfo.ownerPhoto = data;
                     //document.getElementById('photo').setAttribute('src', data);
                 }
-            }
+            },
+            uploadEditPhoto:function(event){
+                $("#uploadEditOwnerPhoto").trigger("click")
+            },
+            _chooseEditPhoto:function(event){
+                var photoFiles = event.target.files;
+                if (photoFiles && photoFiles.length > 0) {
+                    // 获取目前上传的文件
+                    var file = photoFiles[0];// 文件大小校验的动作
+                    if(file.size > 1024 * 1024 * 1) {
+                        vc.toast("图片大小不能超过 2MB!")
+                        return false;
+                    }
+                    var reader = new FileReader(); //新建FileReader对象
+                    reader.readAsDataURL(file); //读取为base64
+                    reader.onloadend = function(e) {
+                        vc.component.editOwnerInfo.ownerPhoto = reader.result;
+                    }
+                }
+            },
         }
     });