扫码关注官方订阅号
form里既有数据也有图片上传 js代码:
html form:
现在就只能把textarea里的信息post到后端,图片上传不了,改怎么解决呢????
欢迎选择我的课程,让我们一起见证您的进步~~
ajaxfileupload.js google 下这个, ajax异步无刷新上传插件, google, 有很多例子
,只能支持一个文件上传, 如果要加其他的
比如 upload.php?text=你要加的文本。
<script type="text/javascript"> function inputFileChange(){ $.ajaxFileUpload({ url:'<%=basePath %>file/uploadtempimage.action',//用于文件上传的服务器端请求地址 secureuri:false,//一般设置为false fileElementId:'photofile',//文件上传空间的id属性 <input type="file" id="file" name="file" /> dataType: 'json',//返回值类型 一般设置为json success: function (data,status) //服务器成功响应处理函数 { $("#testImg").attr("src",data.src); //后台返回的JSON格式字符串,src 是上次图片的服务器地址 }, error: function (data, status, e) { alert(e); } }) $("#photofile").replaceWith('<input type="file" name="file" onchange="inputFileChange()" id="photofile" value="" />'); // 更换input 标签, 如果用Button提交可以不要,如果 是 onchange="inputFileChange()" 就一定要替换 } </script>
我的事jsp的 希望对你有用,以前学习的时候用到这个,给你翻出来了
不如你看看 $('#send_form').serialize() 能得到啥?
除非使用HTML5的File API,否则ajax没法直接POST文件的。
想要异步上传文件和图片可以是用iframe标签,然后将form 的target指定为你添加的iframe即可。具体代码就不贴了,你可以搜搜 “iframe 文件上传” 。或者找一些第三方库
建议用其他的上传库...比如plupload
这样上传用plupload , 其他的还是等上传后用AJAX提交...
老版本的XMLHttpRequest对象没有实现
详细说明:http://www.ruanyifeng.com/blog/2012/0...
试过很多后,发现plupload还是很好用的,推荐。可以支持html5,flash,普通上传、进度条、回调等等。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
ajaxfileupload.js
google 下这个,
ajax异步无刷新上传插件, google, 有很多例子
,只能支持一个文件上传, 如果要加其他的
比如 upload.php?text=你要加的文本。
<script type="text/javascript"> function inputFileChange(){ $.ajaxFileUpload({ url:'<%=basePath %>file/uploadtempimage.action',//用于文件上传的服务器端请求地址 secureuri:false,//一般设置为false fileElementId:'photofile',//文件上传空间的id属性 <input type="file" id="file" name="file" /> dataType: 'json',//返回值类型 一般设置为json success: function (data,status) //服务器成功响应处理函数 { $("#testImg").attr("src",data.src); //后台返回的JSON格式字符串,src 是上次图片的服务器地址 }, error: function (data, status, e) { alert(e); } }) $("#photofile").replaceWith('<input type="file" name="file" onchange="inputFileChange()" id="photofile" value="" />'); // 更换input 标签, 如果用Button提交可以不要,如果 是 onchange="inputFileChange()" 就一定要替换 } </script>我的事jsp的
希望对你有用,以前学习的时候用到这个,给你翻出来了
不如你看看 $('#send_form').serialize() 能得到啥?
除非使用HTML5的File API,否则ajax没法直接POST文件的。
想要异步上传文件和图片可以是用iframe标签,然后将form 的target指定为你添加的iframe即可。具体代码就不贴了,你可以搜搜 “iframe 文件上传” 。或者找一些第三方库
建议用其他的上传库...比如plupload
这样上传用plupload , 其他的还是等上传后用AJAX提交...
老版本的XMLHttpRequest对象没有实现
详细说明:
http://www.ruanyifeng.com/blog/2012/0...
试过很多后,发现plupload还是很好用的,推荐。可以支持html5,flash,普通上传、进度条、回调等等。