首页 > 代码库 > Jquery AjaxFileUpload.js 上传文件 所遇问题解决办法

Jquery AjaxFileUpload.js 上传文件 所遇问题解决办法

2024-07-18 00:35:17   221人阅读

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">导入 AjaxFileUpload.js 文件</span>

js代码

$.ajaxFileUpload({
	        url: 'upload',//处理图片脚本
	        secureuri : false,
	        fileElementId : 'uploadImg',//file控件id
	        data: {photoType: photoType},//参数
	        dataType : 'json', //参数大写  否则谷歌浏览器可能报错
	        success : function (data,status){
	            data=http://www.mamicode.com/jQuery.parseJSON(data);>
html代码
<span class="d">
	<input type="file" id="uploadImg" name="uploadImg" value=http://www.mamicode.com/"" />>

所遇问题1：  在使用springMVC 框架时 ,  IE浏览器会将返回的数据直接下载  
解决办法：在springMVC配置文件中  添加如下配置信息：
<!-- 避免IE执行AJAX时,返回JSON出现下载文件 -->
	<bean id="mappingJacksonHttpMessageConverter"
		class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
		<property name="supportedMediaTypes">
			<list>
				<value>text/html;charset=UTF-8</value>
			</list>
		</property>
	</bean>
同时设置返回数据的类型： response.setContentType("text/plain;charset=UTF-8");

所遇问题2：返回的数据中带有<pre> 标签   
解决办法： 将AjaxFileUpload.js文件中     eval( "data = http://www.mamicode.com/" + data );   改成   data = jQuery.parseJSON(jQuery(data).text());
此时如果在页面上还是无法解析时，请再将 返回数据转成Json 一遍   data=http://www.mamicode.com/jQuery.parseJSON(data);    

所遇问题3：  在使用springMVC时   后台接收不到 前台的 File   时  报错：
nested exception is java.lang.NoClassDefFoundError:org/apache/commons/io/output/DeferredFileOutputStreamat 
org.springframework.web.servlet.DispatcherServlet.triggerAfterCompletionWithError(DispatcherServlet.java:1259)
at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:945)
at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:856)
at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:915)
at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:822)

java.lang.ClassNotFoundException: org.apache.commons.io.output.DeferredFileOutputStream
at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1358)
at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1204)
at org.apache.commons.fileupload.disk.DiskFileItemFactory.createItem(DiskFileItemFactory.java:199)
解决办法：   1、 添加 commons-io-1.3.1.jar  包 ，此包是上传所依赖的包   。
2、如果添加此包后还是提示找不到本包    原因可能有两点：①、tomcat  没有加载本包，此时请到tomcat下 将此包勾选上 。   ②如果出现本包冲突时 将tomcat下
的同名jar包 删掉


联系
我们