未捕获的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：意外令牌非法和语法错误：未终止的字符串文字

回答

相关问题