插件的位置

• 见下图
  

  文件名 image-dialog.js

• 系统原来的方法是向一个图片上传地址，进行上传，上传后，跳转至自定义的iframe中

  var dialogContent = ( (settings.imageUpload) ? "<form action=\"" + action +"\" target=\"" + iframeName + "\" method=\"post\" enctype=\"multipart/form-data\" class=\"" + classPrefix + "form\">" : "<div class=\"" + classPrefix + "form\">" ) +
                        ( (settings.imageUpload) ? "<iframe name=\"" + iframeName + "\" id=\"" + iframeName + "\" guid=\"" + guid + "\"></iframe>" : "" ) +
                        "<label>" + imageLang.url + "</label>" +
                        "<input type=\"text\" data-url />" + (function(){
                            return (settings.imageUpload) ? "<div class=\"" + classPrefix + "file-input\">" +
                                                                "<input id=\""+fileNameId+"\" type=\"file\" name=\"" + classPrefix + "image-file\" accept=\"image/*\" />" +
                                                                "<input type=\"button\" id=\""+btnUploadId+"\" value=\"" + imageLang.uploadButton + "\" />" +
                                                            "</div>" : "";
                        })() +
                        "<br/>" +
                        "<label>" + imageLang.alt + "</label>" +
                        "<input type=\"text\" value=\"" + selection + "\" data-alt />" +
                        "<br/>" +
                        "<label>" + imageLang.link + "</label>" +
                        "<input type=\"text\" value=\"http://\" data-link />" +
                        "<br/>" +
                    ( (settings.imageUpload) ? "</form>" : "</div>");
  

• 原设计的 是submit型的 button ,来提交表单，表单目标 target 指向了当前的iframe

• 当前上传完成后，服务端返回的内容 到了iframe中。
• 使用iframe的onload事件来拿到服务端返回的结果
• 本方案中，将button的submit 改成了button, 去除了iframe的onload