解决ajaxFileUpload插件与C#返回Json数据报错问题

"该资源主要讲述了在使用ajaxFileUpload插件进行文件上传，特别是上传图片时遇到的两个常见错误以及相应的解决方法。" 在使用ajaxFileUpload插件进行AJAX文件上传，尤其是处理C#返回的JSON数据时，可能会遇到一些报错情况。以下是针对这些问题的详细解答： 错误一：jQuery.handleError is not a function 当尝试上传图片时，浏览器的开发者工具（F12）可能显示"jQuery.handleError is not a function"的错误。这是因为`handleError`函数在jQuery 1.4.2及之后的版本中已被移除。为了解决这个问题，可以自定义一个错误处理函数，替换原有的`handleError`。代码如下： ```javascript handleError: function(s, xhr, status, e) { // 如果有本地的回调函数，执行它 if (s.error) { s.error.call(s.context || s, xhr, status, e); } // 触发全局的错误回调 if (s.global) { (s.context ? jQuery(s.context) : jQuery.event).trigger("ajaxError", [xhr, s, e]); } }, ``` 这样，即使在新版本的jQuery中，也能正确处理错误了。 错误二：SyntaxError: unexpected token < 解决完第一个错误后，可能出现新的错误"SyntaxError: unexpected token <",这通常是因为返回的JSON数据被错误地包裹在了`<pre>`标签内，导致JavaScript无法正确解析为JSON对象。为了处理这个问题，需要先去除`<pre>`标签，再使用`eval`函数将数据转换为JSON对象。 可以通过以下JavaScript代码实现去除`<pre>`标签： ```javascript function stripPreTags(data) { return data.replace(/<pre>/g, '').replace(/<\/pre>/g, ''); } function FileUpload() { $.ajaxFileUpload({ url: '/Common/Image', fileElementId: 'upload_img', dataType: 'content', // 使用'content'，以便直接获取原始数据 success: function(data, status) { var cleanedData = stripPreTags(data); // 去掉<pre>标签 var jsonData = eval('(' + cleanedData + ')'); // 转换为JSON对象 // 继续处理jsonData... }, error: function(xhr, status, e) { // 错误处理... } }); } ``` 通过这种方式，你可以确保从服务器返回的数据能被正确解析为JSON对象，并在前端进一步处理。确保在使用`eval`时要谨慎，因为它可能存在安全风险。在实际项目中，更推荐使用`JSON.parse()`来解析JSON字符串，如果可能的话。 对于使用ajaxFileUpload插件时遇到的错误，首先需要确认jQuery版本与函数的兼容性，其次检查返回数据的格式是否符合预期，通过适当的处理确保数据能被正确解析。