ajaxsubmit上传文件
① ajaxSubmit做文件上传为什么在IE中进度条无反应
IE无解,不支持,Progress是html5 xhr对象的新属性,不知道IE10支持formdata没有。。
uploadify应该是兼容性最好的了,flash实现,不过臭屁的ios不支持。。
折中的办法就是判断是否ie,是ie就用uploadify,其他浏览器用jquery.form.js
② ajax实现文件上传同时传一个字符能做到么
用formDate可以;将文件读入formDate中然后将要加的数据已键值对的形式加入formDate;
var formdate=new formDate(document.getElementById('ID').files[0]
);
formdate.append(name:'maomao');
然后将formDate作为数据用ajax发送即可input框里一定要有name属性哦
③ ajax怎么提交带文件上传表单
上传的文件是没有办法和表单内容一起异步的,可考虑使用jquery的ajaxfileupload,或是其他的插件,异步上传文件后,然后再对表单进行操作。
④ 关于ajaxSubmit的用法问题
jquery.form.js的ajaxsubmit功能更强大些。
体现如下:
1、html简单一个form信息后,js简单调用
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
2、jquery.form.js的ajaxsubmit是将表单数据序列化再提交的,jquery的ajax则需要自己处理表单数据并附在data参数里
3、jquery的ajax方法支持异步提交数据,但不支持文件上传,而jquery.form.js的ajaxsubmit是支持异步文件上传并获取响应结果,所以一般用到上传的项目我会选择jquery.form这个插件
⑤ jQuery.form.js 使用ajaxForm、ajaxSubmit提交表单上传文件后服务器端返回json数据IE浏览器无法解析。
我给你出个招,我在struts1里面用的很好,你把运行完action得到的json对象保存在session里面,然后让这个action跳转到一个jsp页面,之后在这个jsp页面中把他取出来,这样就可以把json对象传给ajax了,说明白了吗?
⑥ .net 文件上传 处理数据。用jquery-form的ajaxSubmit方法提交,如何实现下载
如果aspx里面可以,没道理ashx里面不可以啊?
你试下在ashx里重定向到你的aspx页面试试看行不行呢?--context.Response.Redirect(url);
⑦ multipartfile 文件上传前端怎么用div和ajax
目前的情况下,没有直接ajax提交file的可能 有一些js库你可以使用,他们做的方法往往是在页面新建一个iframe,然后在frame里面建一个file的input组件,然后在那个frame里面走submit 这样就做成了异步的样子,submit那个的form你就可以设置enctype了。
首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的。 而本文实现的文件上传也是无页面刷。
⑧ ajax怎样提交form表单与实现文件上传
Ajax 提交form方式可以将form表单序列化 然后将数据通过data提交至后台,例如:
⑨ ajaxSubmit图片上传
$(document).ready(function () {
$("#upload_file_input").live('change', function () {
$("upload_share_form").submit(function () {
$(this).ajaxSubmit({
success: function () {
$("#ajax_upload_message").html("表单提交成功").show();
},
url: site_url + "ajax/ajax_file_upload",
data: $('#upload_share_form').formSerialize(),
type: 'POST',
dataType: 'json',
beforeSubmit: function () {
$('#ajax_upload_message').html('正在努力上传图片,请稍候...');
interval = loop_delimiter("正在努力上传图片,请稍候", 'ajax_upload_message');
}
});
return false;
});
});
});
⑩ ajax上传文件提交时,enctype=multipart/form-data怎么带过去
form中的字段,加上get set方法
private FormFile file;
private String filename;
private String filesize;
action 部分:
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
String dir="D:/";
UpFileForm uff=(UpFileForm)form;
FormFile file=uff.getFile();
if(file.getFileSize()==0){
return mapping.findForward("success");
}
String fname=file.getFileName();
String size=Integer.toString(file.getFileSize())+"bytes";
InputStream streamIn=file.getInputStream();
OutputStream streamOut=new FileOutputStream(dir+"/"+fname);
int bytesRead=0;
byte[] buffer=new byte[8192];
while((bytesRead=streamIn.read(buffer,0,8192))!=-1){
streamOut.write(buffer,0,bytesRead);
}
streamOut.close();
streamIn.close();
uff.setFilename(fname);
uff.setFilesize(size);
file.destroy();
return mapping.findForward("success");
}
这样将上传的文件存在d盘。