1. ajax上传文件提交时,enctype=multipart/form-data怎么带过去
目前的情况下,没有直接ajax提交file的可能
有一些js库你可以使用,他们做的方法往往是在页面新建一个iframe,然后在frame里面建一个file的input组件,然后在那个frame里面走submit
这样就做成了异步的样子,submit那个的form你就可以设置enctype了
2. ajaxFileUpload 怎么传相关参数到后台
先简介一下ajaxFileUpload参数:
options参数说明:
1、url 上传处理程序地址。
2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。
3,secureuri 是否启用安全提交,默认为false。
4,dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error 提交失败自动执行的处理函数。
7,data 自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type 当要提交自定义参数时,这个参数要设置成pos
$.ajaxFileUpload({ url : 'upload',
secureuri : false, fileElementId : 'fileToUpload',
dataType : 'json', data : {id:id},//这种写法我在后台不管怎么取,值都为null 就去网络了一下,最后还是没有解决
success : function(data, status) { $('#viewImg').attr('src',data.picUrl);
}, error : function(data, status, e) {
alert('上传出错'); }
})
这样就与options参数说明中data参数不符合了,最终还是没有找到原因是那点没有写正确。
3. Ajax为什么能解决跨域
不仅仅是ajax,ajax只是异步通信方式,你用同步的方式也可以实现跨域。
所以和是不是ajax没毛线关系。
什么是跨域:
浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.
上面提到的,同域的概念又是什么呢??? 简单的解释就是相同域名,端口相同,协议相同
jsonp:
jsonp全称是JSON with Padding,是为了解决跨域请求资源而产生的解决方案,是一种依靠开发人员创造出的一种非官方跨域数据交互协议。
一个是描述信息的格式,一个是信息传递双方约定的方法。
jsonp的产生:
1.AJAX直接请求普通文件存在跨域无权限访问的问题,不管是静态页面也好.
2.不过我们在调用js文件的时候又不受跨域影响,比如引入jquery框架的,或者是调用相片的时候
3.凡是拥有src这个属性的标签都可以跨域例如<script><img><iframe>
4.如果想通过纯web端跨域访问数据只有一种可能,那就是把远程服务器上的数据装进js格式的文件里.
5.而json又是一个轻量级的数据格式,还被js原生支持
6.为了便于客户端使用数据,逐渐形成了一种非正式传输协议,人们把它称作JSONP,该协议的一个要点就是允许用户传递一个callback参数给服务端,
demo1:基于script标签实现跨域
举个例子:我在http://study.cn/json/jsonp/jsonp_2.html下请求一个远程的js文件
jsonp 传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback 自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
这里回调函数就是success
基本上就是这些了,还有iframe标签img标签,都可以,一个是描述信息的格式,一个是信息传递双方约定的方法。这个就算是跨域吧,跨域也就是只是一种格式。
4. asp.net 用Ajax上传多张图片
建议使用jquery的上传插件:jquery.multfile.js,非常方便~可以到相关网站上看下,真的很简单~
网站:http://www.fyneworks.com/jquery/multiple-file-upload/
5. 怎么用ajax提交file文件上传
上传的文件是没有办法和表单内容一起异步的,可考虑使用jquery的ajaxfileupload,或是其他的插件,异步上传文件后,然后再对表单进行操作。