insertNode

bichao.dong
1 parent 18a91101
Showing 1 changed file with 16 additions and 6 deletions
editer.html
@@ -70,6 +70,10 @@
   <script src="js/javascript/common/jquery.min.js"></script>
   <script>
     $(function() {
+      var range;
+      $('.editer').on('click', function(){
+          range = window.getSelection().getRangeAt(0);//找到焦点位置
+      });
       $('#upload_btn').on('change', function(target) {
           target = $(this);
           var input = target.get(0),
@@ -85,21 +89,21 @@
           var selected_file = input.files[0];
           if (!selected_file.type.match(imageType)) {
-            $.mobile.loading('hide');
+
             alert('文件格式不正确！');
             $(input).val('');
             return;
           }
           if (!suffix.test(selected_file.name)) {
-            $.mobile.loading('hide');
+
             alert('文件格式不正确！');
             $(input).val('');
             return;
           }
           if (selected_file.size > 5000 * 1024) {
-            $.mobile.loading('hide');
+
             alert('图片体积不能超过5MB！');
             $(input).val('');
             return;
@@ -110,8 +114,14 @@
               var base64 = e.target.result;
               // _this.compressPic(selected_file ,base64);
               var img = $('<img />');
-              img.attr('src', base64);
-              $('.editer').append(img);
+              var img = document.createElement('img');
+              img.src = base64;
+              if(range){
+                range.insertNode(img);//在焦点插入节点
+              }else{
+                $('.editer').append($(img));
+              }
+
           }
           reader.onerror = function(e) {
@@ -123,7 +133,7 @@
           // console.log(src);
           // alert(src);
           // if (src == null) {
-          //   $.mobile.loading('hide');
+          //
           //   Alert.show('您的浏览器暂不支持上传图片，请更换其它浏览器再试！');
           //   return;
           // }