ueditor_rails 0.0.2 → 0.0.4

data/app/assets/javascripts/ueditor_rails/dialogs/wordimage.js

@@ -0,0 +1,154 @@
+/**
+ * Created by JetBrains PhpStorm.
+ * User: taoqili
+ * Date: 12-1-30
+ * Time: 下午12:50
+ * To change this template use File | Settings | File Templates.
+ */
+
+//editor.execCommand("wordimage","word_img");
+
+
+var wordImage = {};
+//(function(){
+var g = baidu.g,
+	flashObj,flashContainer;
+wordImage.init = function(opt, callbacks) {
+	showLocalPath("localPath");
+	//createCopyButton("clipboard","localPath");
+	createFlashUploader(opt, callbacks);
+	addUploadListener();
+	addOkListener();
+};
+
+function hideFlash(){
+    flashObj = null;
+    flashContainer.innerHTML = "";
+}
+function addOkListener() {
+	dialog.onok = function() {
+		if (!imageUrls.length) return;
+		var images = domUtils.getElementsByTagName(editor.document,"img");
+		for (var i = 0,img; img = images[i++];) {
+			var src = img.getAttribute("word_img");
+			if (!src) continue;
+			for (var j = 0,url; url = imageUrls[j++];) {
+				if (src.indexOf(url.original.replace(" ","")) != -1) {
+					img.src = editor.options.wordImagePath + url.url;
+					img.setAttribute("data_ue_src", editor.options.wordImagePath + url.url);  //同时修改"data_ue_src"属性
+					img.setAttribute("title",url.title);
+                    parent.baidu.editor.dom.domUtils.removeAttributes(img, ["word_img","style","width","height"]);
+					editor.fireEvent("selectionchange");
+					break;
+				}
+			}
+		}
+        hideFlash();
+	};
+    dialog.oncancel = function(){
+        hideFlash();
+    }
+}
+
+/**
+ * 绑定开始上传事件
+ */
+function addUploadListener() {
+	g("upload").onclick = function () {
+		flashObj.upload();
+		this.style.display = "none";
+	};
+}
+
+function showLocalPath(id) {
+    //单张编辑
+    var img = editor.selection.getRange().getClosedNode();
+    if(editor.word_img.length==1 || img && img.tagName == 'IMG'){
+        g(id).value = editor.word_img[0];
+        return;
+    }
+	var path = editor.word_img[0];
+    var leftSlashIndex  = path.lastIndexOf("/")||0,  //不同版本的doc和浏览器都可能影响到这个符号，故直接判断两种
+            rightSlashIndex = path.lastIndexOf("\\")||0,
+            separater = leftSlashIndex > rightSlashIndex ? "/":"\\" ;
+
+	path = path.substring(0, path.lastIndexOf(separater)+1);
+	g(id).value = path;
+}
+
+function createFlashUploader(opt, callbacks) {
+    //由于lang.flashI18n是静态属性，不可以直接进行修改，否则会影响到后续内容
+    var i18n = utils.extend({},lang.flashI18n);
+    //处理图片资源地址的编码，补全等问题
+    for(var i in i18n){
+        if(!(i in {"lang":1,"uploadingTF":1,"imageTF":1,"textEncoding":1}) && i18n[i]){
+            i18n[i] = encodeURIComponent(editor.options.langPath + editor.options.lang + "/images/" + i18n[i]);
+        }
+    }
+    opt = utils.extend(opt,i18n,false);
+	var option = {
+		createOptions:{
+			id:'flash',
+			url:opt.flashUrl,
+			width:opt.width,
+			height:opt.height,
+			errorMessage:lang.flashError,
+			wmode:browser.safari ? 'transparent' : 'window',
+			ver:'10.0.0',
+			vars:opt,
+			container:opt.container
+		}
+	};
+
+	option = extendProperty(callbacks, option);
+	flashObj = new baidu.flash.imageUploader(option);
+    flashContainer = $G(opt.container);
+}
+
+function extendProperty(fromObj, toObj) {
+	for (var i in fromObj) {
+		if (!toObj[i]) {
+			toObj[i] = fromObj[i];
+		}
+	}
+	return toObj;
+}
+
+//})();
+
+function getPasteData(id) {
+	baidu.g("msg").innerHTML = lang.copySuccess + "</br>";
+	setTimeout(function() {
+		baidu.g("msg").innerHTML = "";
+	}, 5000);
+	return baidu.g(id).value;
+}
+
+function createCopyButton(id, dataFrom) {
+	baidu.swf.create({
+			id:"copyFlash",
+			url:"fClipboard_ueditor.swf",
+			width:"58",
+			height:"25",
+			errorMessage:"",
+			bgColor:"#CBCBCB",
+			wmode:"transparent",
+			ver:"10.0.0",
+			vars:{
+				tid:dataFrom
+			}
+		}, id
+	);
+
+	var clipboard = baidu.swf.getMovie("copyFlash");
+	var clipinterval = setInterval(function() {
+		if (clipboard && clipboard.flashInit) {
+			clearInterval(clipinterval);
+			clipboard.setHandCursor(true);
+			clipboard.setContentFuncName("getPasteData");
+			//clipboard.setMEFuncName("mouseEventHandler");
+		}
+
+	}, 500);
+}
+createCopyButton("clipboard", "localPath");

data/app/assets/stylesheets/ueditor_rails/dialogs/scrawl.css.erb

@@ -0,0 +1,72 @@
+/*common
+*/
+body{margin: 0;}
+table{width:100%;}
+table td{padding:2px 4px;vertical-align: middle;}
+a{text-decoration: none;}
+em{font-style: normal;}
+.border_style1{border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;}
+/*module
+*/
+.main{margin: 8px;overflow: hidden;}
+
+.hot{float:left;height:335px;}
+.drawBoard{position: relative; cursor: crosshair;}
+.brushBorad{position: absolute;left:0;top:0;z-index: 998;}
+.picBoard{border: none;text-align: center;line-height: 300px;cursor: default;}
+.operateBar{margin-top:10px;font-size:12px;text-align: center;}
+.operateBar span{margin-left: 10px;}
+
+.drawToolbar{float:right;width:110px;height:300px;overflow: hidden;}
+.colorBar{margin-top:10px;font-size: 12px;text-align: center;}
+.colorBar a{display:block;width: 10px;height: 10px;border:1px solid #1006F1;border-radius: 3px; box-shadow:2px 2px 5px #d3d6da;opacity: 0.3}
+.sectionBar{margin-top:15px;font-size: 12px;text-align: center;}
+.sectionBar a{display:inline-block;width:10px;height:12px;color: #888;text-indent: -999px;opacity: 0.3}
+.size1{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') 1px center no-repeat ;}
+.size2{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') -10px center no-repeat;}
+.size3{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') -22px center no-repeat;}
+.size4{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') -35px center no-repeat;}
+
+.addImgH{position: relative;}
+.addImgH_form{position: absolute;left: 18px;top: -1px;width: 75px;height: 21px;opacity: 0;cursor: pointer;}
+.addImgH_form input{width: 100%;}
+/*scrawl遮罩层
+*/
+.maskLayerNull{display: none;}
+.maskLayer{position: absolute;top:0;left:0;width: 100%; height: 100%;opacity: 0.7;
+    background-color: #fff;text-align:center;font-weight:bold;line-height:300px;z-index: 1000;}
+/*btn state
+*/
+.previousStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/undoH.png' %>');cursor: pointer;}
+.previousStepH .text{color:#888;cursor:pointer;}
+.previousStep .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/undo.png' %>');cursor:default;}
+.previousStep .text{color:#ccc;cursor:default;}
+
+.nextStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/redoH.png' %>');cursor: pointer;}
+.nextStepH .text{color:#888;cursor:pointer;}
+.nextStep .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/redo.png' %>');cursor:default;}
+.nextStep .text{color:#ccc;cursor:default;}
+
+.clearBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/emptyH.png' %>');cursor: pointer;}
+.clearBoardH .text{color:#888;cursor:pointer;}
+.clearBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/empty.png' %>');cursor:default;}
+.clearBoard .text{color:#ccc;cursor:default;}
+
+.scaleBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/scaleH.png' %>');cursor: pointer;}
+.scaleBoardH .text{color:#888;cursor:pointer;}
+.scaleBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/scale.png' %>');cursor:default;}
+.scaleBoard .text{color:#ccc;cursor:default;}
+
+.removeImgH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/delimgH.png' %>');cursor: pointer;}
+.removeImgH .text{color:#888;cursor:pointer;}
+.removeImg .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/delimg.png' %>');cursor:default;}
+.removeImg .text{color:#ccc;cursor:default;}
+
+.addImgH .icon{vertical-align:top;display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/addimg.png' %>')}
+.addImgH .text{color:#888;cursor:pointer;}
+/*icon
+*/
+.brushIcon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/brush.png' %>')}
+.eraserIcon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/eraser.png' %>')}
+
+

data/app/controllers/ueditor_rails/dialogs_controller.rb

@@ -9,5 +9,13 @@ module UeditorRails
     def image
 
     end
+
+    def wordimage
+
+    end
+
+    def scrawl
+
+    end
   end
 end

data/app/controllers/ueditor_rails/libs_controller.rb

@@ -2,8 +2,10 @@ require_dependency "ueditor_rails/application_controller"
 
 module UeditorRails
   class LibsController < ApplicationController
+    after_filter :set_expires_at
+
     def swf_image_uploader
-      send_file UeditorRails.ueditor_base_path.join('dialogs/image/imageUploader.swf'),
+      send_file UeditorRails.ueditor_base_path.join('third-party/imageUploader.swf'),
                 :disposition => 'inline', :type => 'application/x-shockwave-flash'
     end
   
@@ -16,5 +18,16 @@ module UeditorRails
       send_file UeditorRails.ueditor_base_path.join('third-party/swfupload/swfupload_fp9.swf'),
                 :disposition => 'inline', :type => 'application/x-shockwave-flash'
     end
+
+    def fclipboard_ueditor
+      send_file UeditorRails.ueditor_base_path.join('third-party/fClipboard_ueditor.swf'),
+                :disposition => 'inline', :type => 'application/x-shockwave-flash'
+    end
+
+    protected
+
+    def set_expires_at
+      response.headers['Expires'] = CGI.rfc1123_date(Time.now + 1.weeks)
+    end
   end
 end

data/app/helpers/ueditor_rails/application_helper.rb

@@ -1,4 +1,27 @@
 module UeditorRails
   module ApplicationHelper
+    def swfupload_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_swf_upload_path :
+          asset_path('ueditor/third-party/swfupload/swfupload.swf')
+    end
+
+    def swfupload_fp9_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_swf_upload_fp9_path :
+          asset_path('ueditor/third-party/swfupload/swfupload_fp9.swf')
+    end
+
+    def swf_imageuploader_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_swf_image_uploader_path :
+          asset_path('ueditor/third-party/imageUploader.swf')
+    end
+
+    def fclipboard_ueditor_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_fclipboard_ueditor_path :
+          asset_path('ueditor/third-party/fClipboard_ueditor.swf')
+    end
   end
 end

data/app/views/ueditor_rails/dialogs/attachment.html.erb

@@ -4,7 +4,6 @@
 <head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
-  <%= javascript_include_tag 'ueditor/dialogs/internal' %>
   <%= stylesheet_link_tag 'ueditor_rails/dialogs/attachment' %>
 </head>
 <body>
@@ -18,6 +17,7 @@
 
 </div>
 
+<%= javascript_include_tag 'ueditor/dialogs/internal' %>
 <%= javascript_include_tag 'ueditor_rails/dialogs/attachment.js' %>
 <script type="text/javascript">
   var swfupload,
@@ -29,8 +29,8 @@
     var settings = {
       upload_url:editor.options.fileUrl,           //附件上传服务器地址
       file_post_name:editor.options.fileFieldName,      //向后台提交的表单名
-      flash_url:"<%= asset_path 'ueditor/third-party/swfupload/swfupload.swf' %>",
-      flash9_url:"<%= asset_path 'ueditor/third-party/swfupload/swfupload_fp9.swf' %>",
+      flash_url:"<%= swfupload_path %>",
+      flash9_url:"<%= swfupload_fp9_path %>",
       post_params:{"<%= request_forgery_protection_token %>":"<%= form_authenticity_token %>"}, //解决session丢失问题
       file_size_limit:"100 MB",                                 //文件大小限制，此处仅是前端flash选择时候的限制，具体还需要和后端结合判断
       file_types:"*.*",                                         //允许的扩展名，多个扩展名之间用分号隔开，支持*通配符

data/app/views/ueditor_rails/dialogs/image.html.erb

@@ -4,7 +4,6 @@
 <head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
-  <%= javascript_include_tag 'ueditor/dialogs/internal' %>
   <%= stylesheet_link_tag 'ueditor_rails/dialogs/image' %>
 </head>
 <body>
@@ -89,6 +88,7 @@
   </div>
 </div>
 
+<%= javascript_include_tag 'ueditor/dialogs/internal' %>
 <%= javascript_include_tag 'ueditor_rails/dialogs/image.js' %>
 <script type="text/javascript">
   //全局变量
@@ -106,7 +106,7 @@
       url:editor.options.imageUrl,                                           // 上传处理页面的url地址
       ext:"{}",   //可向服务器提交的自定义参数列表
       fileType:'{"description":"'+lang.fileType+'", "extension":"*.gif;*.jpeg;*.png;*.jpg"}',     //上传文件格式限制
-      flashUrl:'<%= asset_path 'ueditor/third-party/imageUploader.swf' %>',                                                  //上传用的flash组件地址
+      flashUrl:'<%= swf_imageuploader_path %>',                                                  //上传用的flash组件地址
       width:608,          //flash的宽度
       height:272,         //flash的高度
       gridWidth:121,     // 每一个预览图片所占的宽度

data/app/views/ueditor_rails/dialogs/scrawl.html.erb

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta name="robots" content="noindex, nofollow"/>
+  <%= stylesheet_link_tag 'ueditor_rails/dialogs/scrawl.css' %>
+</head>
+<body>
+<div class="main" id="J_wrap">
+  <div class="hot">
+    <div class="drawBoard border_style1">
+      <canvas id="J_brushBoard" class="brushBorad" width="360" height="300"></canvas>
+      <div id="J_picBoard" class="picBoard" style="width: 360px;height: 300px"></div>
+    </div>
+    <div id="J_operateBar" class="operateBar">
+            <span id="J_previousStep" class="previousStep">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_previousStep"></var></em>
+            </span>
+            <span id="J_nextStep" class="nextStep">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_nextsStep"></var></em>
+            </span>
+            <span id="J_clearBoard" class="clearBoard">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_clear"></var></em>
+            </span>
+            <span id="J_sacleBoard" class="scaleBoard">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_ScalePic"></var></em>
+            </span>
+    </div>
+  </div>
+  <div class="drawToolbar border_style1">
+    <div id="J_colorBar" class="colorBar"></div>
+    <div id="J_brushBar" class="sectionBar">
+      <em class="brushIcon"></em>
+      <a href="javascript:void(0)" class="size1">1</a>
+      <a href="javascript:void(0)" class="size2">3</a>
+      <a href="javascript:void(0)" class="size3">5</a>
+      <a href="javascript:void(0)" class="size4">7</a>
+    </div>
+    <div id="J_eraserBar" class="sectionBar">
+      <em class="eraserIcon"></em>
+      <a href="javascript:void(0)" class="size1">1</a>
+      <a href="javascript:void(0)" class="size2">3</a>
+      <a href="javascript:void(0)" class="size3">5</a>
+      <a href="javascript:void(0)" class="size4">7</a>
+    </div>
+    <div class="sectionBar">
+      <div class="addImgH">
+        <em class="icon"></em>
+        <em class="text"><var id="lang_input_addPic"></var></em>
+
+        <form method="post" id="fileForm" enctype="multipart/form-data" class="addImgH_form" target="up">
+          <input type="file" name="upfile" id="J_imgTxt"
+                 accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/>
+        </form>
+        <iframe name="up" style="display: none"></iframe>
+      </div>
+    </div>
+    <div class="sectionBar">
+            <span id="J_removeImg" class="removeImg">
+                <em class="icon"></em>
+                <em class="text"><var id="lang_input_removePic"></var></em>
+            </span>
+    </div>
+  </div>
+</div>
+<div id="J_maskLayer" class="maskLayerNull"></div>
+
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<%= javascript_include_tag 'ueditor_rails/dialogs/scrawl.js' %>
+<script type="text/javascript">
+  var settings = {
+    drawBrushSize: 3, //画笔初始大小
+    drawBrushColor: "#4bacc6", //画笔初始颜色
+    colorList: ['c00000', 'ff0000', 'ffc000', 'ffff00', '92d050', '00b050', '00b0f0', '0070c0', '002060', '7030a0', 'ffffff',
+      '000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646'], //画笔选择颜色
+    saveNum: 10  //撤销次数
+  };
+
+  var scrawlObj = new scrawl(settings);
+  scrawlObj.isCancelScrawl = false;
+
+  dialog.onok = function () {
+    exec(scrawlObj);
+    return false;
+  };
+  dialog.oncancel = function () {
+    scrawlObj.isCancelScrawl = true;
+  };
+</script>
+</body>
+</html>

data/app/views/ueditor_rails/dialogs/wordimage.html.erb

@@ -0,0 +1,155 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+  <style type="text/css">
+    .wrapper {
+      width: 600px;
+      padding: 10px;
+      height: 352px;
+      overflow: hidden;
+      position: relative;
+      border-bottom: 1px solid #d7d7d7
+    }
+
+    .localPath input {
+      float: left;
+      width: 350px;
+      line-height: 20px;
+      height: 20px;
+    }
+
+    #clipboard {
+      float: left;
+      width: 70px;
+      height: 30px;
+    }
+
+    .description {
+      color: #0066cc;
+      margin-top: 2px;
+      width: 450px;
+      height: 45px;
+      float: left;
+      line-height: 22px
+    }
+
+    #upload {
+      width: 100px;
+      height: 30px;
+      float: right;
+      margin: 10px 2px 0 0;
+      cursor: pointer;
+    }
+
+    #msg {
+      width: 140px;
+      height: 30px;
+      line-height: 25px;
+      float: left;
+      color: red
+    }
+  </style>
+</head>
+<body>
+<div class="wrapper">
+  <div class="localPath">
+    <input id="localPath" type="text" readonly/>
+
+    <div id="clipboard"></div>
+    <div id="msg"></div>
+  </div>
+  <div id="flashContainer"></div>
+  <div>
+    <div id="upload" style="display: none"><img id="uploadBtn"></div>
+    <div class="description">
+      <span style="color: red"><var id="lang_resave"></var>: </span><var id="lang_step"></var>
+    </div>
+  </div>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<%= javascript_include_tag 'ueditor/dialogs/tangram.js' %>
+<%= javascript_include_tag 'ueditor_rails/dialogs/wordimage.js' %>
+<script type="text/javascript">
+  //全局变量
+  var imageUrls = [],          //用于保存从服务器返回的图片信息数组
+          selectedImageCount = 0;  //当前已选择的但未上传的图片数量
+  editor.setOpt({
+    wordImageFieldName: "upfile",
+    compressSide: 0,
+    maxImageSideLength: 900
+  });
+  utils.domReady(function () {
+    //创建Flash相关的参数集合
+    var flashOptions = {
+      container: "flashContainer",                                                    //flash容器id
+      url: editor.options.wordImageUrl,                                           // 上传处理页面的url地址
+      ext: '{""}',                                 //可向服务器提交的自定义参数列表
+      fileType: '{"description":"' + lang.fileType + '", "extension":"*.gif;*.jpeg;*.png;*.jpg"}',     //上传文件格式限制
+      flashUrl: '<%= swf_imageuploader_path %>',                                                  //上传用的flash组件地址
+      width: 600,          //flash的宽度
+      height: 272,         //flash的高度
+      gridWidth: 120,     // 每一个预览图片所占的宽度
+      gridHeight: 120,    // 每一个预览图片所占的高度
+      picWidth: 100,      // 单张预览图片的宽度
+      picHeight: 100,     // 单张预览图片的高度
+      uploadDataFieldName: editor.options.wordImageFieldName,    // POST请求中图片数据的key
+      picDescFieldName: 'pictitle',      // POST请求中图片描述的key
+      maxSize: 2,                         // 文件的最大体积,单位M
+      compressSize: 1,                   // 上传前如果图片体积超过该值，会先压缩,单位M
+      maxNum: 32,                         // 单次最大可上传多少个文件
+      compressSide: editor.options.compressSide,                 //等比压缩的基准，0为按照最长边，1为按照宽度，2为按照高度
+      compressLength: editor.options.maxImageSideLength        //能接受的最大边长，超过该值Flash会自动等比压缩
+    };
+    //回调函数集合，支持传递函数名的字符串、函数句柄以及函数本身三种类型
+    var callbacks = {
+      selectFileCallback: function (selectFiles) {                // 选择文件的回调
+        selectedImageCount += selectFiles.length;
+        if (selectedImageCount) baidu.g("upload").style.display = "";
+        dialog.buttons[0].setDisabled(true); //初始化时置灰确定按钮
+      },
+      deleteFileCallback: function (delFiles) {                 // 删除文件的回调
+        selectedImageCount -= delFiles.length;
+        if (!selectedImageCount) {
+          baidu.g("upload").style.display = "none";
+          dialog.buttons[0].setDisabled(false);         //没有选择图片时重新点亮按钮
+        }
+      },
+      uploadCompleteCallback: function (data) {               // 单个文件上传完成的回调
+        try {
+          var info = eval("(" + data.info + ")");
+          info && imageUrls.push(info);
+          selectedImageCount--;
+        } catch (e) {
+        }
+      },
+      uploadErrorCallback: function (data) {         // 单个文件上传失败的回调,
+        console && console.log(data);
+      },
+      allCompleteCallback: function () {              // 全部上传完成时的回调
+        dialog.buttons[0].setDisabled(false);    //上传完毕后点亮按钮
+      }
+      //exceedFileCallback: 'exceedFileCallback',   // 文件超出限制的最大体积时的回调
+      //startUploadCallback: startUploadCallback    // 开始上传某个文件时的回调
+    };
+    wordImage.init(flashOptions, callbacks);
+  });
+  $G("upload").onclick = function () {
+    /**
+     * 接口imageUploader.setPostParams()可以在提交时设置本次上传提交的参数（包括所有图片）
+     * 参数为json对象{"key1":"value1","key2":"value2"}，其中key即为向后台post提交的name，value即为值。
+     * 其中有一个特殊的保留key值为action，若设置，可以更改本次提交的处理地址
+     */
+    var postParams = {
+      "<%= request_forgery_protection_token %>": "<%= form_authenticity_token %>",
+    };
+    wordImage.setPostParams(postParams);
+    flashObj.upload();
+  };
+
+</script>
+
+</body>
+</html>