2016-04-14 38 views
0

我正在使用TinyMCE插件并希望能够在编辑器中上传图像。我所拥有的一切的地方,我浏览图像并选择它的地步,但它试图在上传之前,我得到 未捕获的SyntaxError:意外的标记}tinyMCE文件上传意外令牌

我设置我的HTML这样的:

<div id="htmlEdit"></div> 

<form id="editorUpload" 
     target="hiddenFrame" 
     method="post" 
     enctype="multipart/form-data" 
     style="width:0px;height:0;overflow:hidden"> 
     <input type="hidden" id="dzToken" name="dzToken"> 
     <input type="hidden" id="iField" name="iField">  
     <input name="image" type="file" onchange="$('#editorUpload').submit();this.value='';"> 
</form> 

<iframe id="hiddenFrame"></iframe> 

并初始化这样

tinymce.init({ 
    selector:"div#htmlEdit", 
    theme: "modern", 
    theme_advanced_buttons3_add: "styleprops", 
    plugins: [ 
     "advlist autolink lists link charmap print preview anchor", 
     "searchreplace visualblocks code fullscreen", 
     "insertdatetime media table contextmenu paste image textcolor colorpicker" 
    ], 
     file_browser_callback: function(field_name, url, type, win) {        
     if(type==='image'){ 
      var tkn=getToken();      
      $("#editorUpload").attr("action", "cgi/cmsUpload.exe"); 
      $("#dzToken").val(tkn);           
      $('#editorUpload input').click();                     
     }else{ 
      alertify.alert("images only please"); 
     } 
     },     
    height: 300, 
    width: 928, 
    force_br_newlines: false, 
    force_p_newlines: false, 
    forced_root_block: "", 
     toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons" 
});  

我最大的问题编辑是,意外的标记}错误说,这是对2线主HTML页面,所以我无法弄清楚它在哪里打破,在我的代码或TinyMCE.js文件。

如果我尝试Firefox的控制台,错误的是: 语法错误:预期的表现,拿到剧本的结束

回答

0

问题是这条线(发现由于萤火虫)

<input name="image" type="file" onchange="$('#editorUpload').submit();this.value='';"> 

我必须将其更改为

<input name="image" type="file" onchange='$("#editorUpload").submit();this.value="";'> 

我只是切换单引号和双引号。 由于某种原因,值='导致脚本失败。