未捕獲的SyntaxError：意外令牌非法和語法錯誤：未終止的字符串文字

我有以下代碼：未捕獲的SyntaxError：意外令牌非法和語法錯誤：未終止的字符串文字

「X」時將圖像上載後

<!Doctype html> 
<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"> </script> 
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script> 
<script> 
function deleteFile(file_name) { 
    alert("Hello " + file_name); 
} 

$(function() { 
    $('#file_upload').uploadify({ 
     'removeCompleted' : false, 
     'fileTypeDesc' : 'Image Files', 
     'fileTypeExts' : '*.gif; *.jpg; *.png', 
     'method' : 'post', 
     'queueSizeLimit' : '5', 
     'swf'  : 'uploadify/uploadify.swf', 
     'uploader' : 'uploadimage.cgi', 
     'uploadLimit' : '5', 
     'onUploadSuccess': function(file, data, response) { 
      $(".imgpreview").append("<img src=\"" + data + "\" id=\"i" + file.id + "\" height=\"100px\" width=\"100px\" /><a onclick=\"alert('" + data + "')\">X</a>"); 
     }, 
    }); 
}); 
</script> 
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css" /> 
</head> 
<body> 
<input type="file" name="file_upload" id="file_upload" /> 
<div class="imgpreview" id="imgpreview" style="height:100px;width:500px;border:2px solid;"> 
</div> 
</body> 
</html>

這裏出現在屏幕上的圖像的旁邊。點擊鏈接'X'後，我收到了Chrome中的「Uncaught SyntaxError：意外的標記ILLEGAL」和Firefox中的「SyntaxError：未終止的字符串文字」。請幫助找出錯誤。

來源

2014-03-25 vips

，你的代碼打破可怕。 –

我會在'$（「。imgpreview」）。append'行之前的'file'和'data'處做一個'console.log'，以確保它們按預期方式通過。 – mralexlau

以下是我得到的輸出：X – vips

-2

<!Doctype html> 
<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 
function delimg(img) 
{ 
alert(img); 
} 
</script> 
<script> 
$(function() { 
    $('#file_upload').uploadify({ 
    'removeCompleted' : false, 
    'fileTypeDesc' : 'Image Files', 
    'fileTypeExts' : '*.gif; *.jpg; *.png', 
    'method' : 'post', 
    'queueSizeLimit' : '5', 
    'swf'  : 'uploadify/uploadify.swf', 
    'uploader' : 'uploadimage.cgi', 
    'uploadLimit' : '5', 
    'onUploadSuccess': function(file, data, response) { 
    data=$.trim(data); 
$("#imgpreview").append("<img src='"+ data + "' width='75' height='75'/><a href='#' onclick=delimg('"+data+"')>Remove</a>'"); 
    } 
    }); 
}); 
</script> 
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script> 

<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css" /> 
</head> 
<body> 
<input type="file" name="file_upload" id="file_upload" /> 
<div class="imgpreview" id="imgpreview" style="height:100px;width:500px;border:2px solid;"> 
</div> 
</body> 

</html>

使用上面的代碼，將解決你的問題 - 如果'data`包含一個單引號納文Thally

來源

2014-03-26 19:12:10 NaveenThally

有人可以描述問題是什麼以及代碼中發生了什麼變化？（否則這個答案對未來的讀者沒有多大價值） –

未捕獲的SyntaxError：意外令牌非法和語法錯誤：未終止的字符串文字

回答

相關問題