$(function () {
alert("ss");
//异步上传图片
$("#btnUpload").click(function () {
if ($("#url").val() == "") {
alert("请选择一个图片文件,再点击上传。");
return;
}
alert("1");
$('#uploadForm').ajaxSubmit(function(data) {
alert('Form submit succeeded! Server returned: ' + data);
});
});
});
}
这是jquery form 表单提交的,还是不可以
------解决思路----------------------
ajaxSubmit 不是标准的jquery函数, 有个插件可以这么做,对应的js有引入么?
再者ajaxSubmit 的方法入参应该是一个options, 定义ajax设置(url、data、回调函数)。
所以你的写法目测是错的
------解决思路----------------------
ajaxSubmit 这种提交表单方式是jquery插件提供的
这和你用什么框架没有什么必要关联
如果不进action
1.对应的js没有引入
2.action的路径有错
3.ajaxSubmit提交方法可能有错
下面这种方法也不会有任何问题,我用的也是springmvc 里面也有上传的功能
$("#uploadForm'").ajaxSubmit({
type: "post",
url: url,
dataType: "json",
success: function (data) {
$('#uploadImgPath1').val(data);
}
});
------解决思路----------------------
function saveUser(){
$("#userForm").ajaxSubmit({
url:basePath + "boss/user/requirement/complex/confirm.htm",
type:'post',
dataType:'json',
success:function(data){
if(data.result==0){
alert("转到----"+data.assignUser+"---的后台~");
},
error:function() {
alert("保存失败!");
}
});
}
------解决思路----------------------
最近我也遇到了这个问题,不过我已经解决了,我把代码发给你给你参考一下吧!
//在这之前必须先引入js
<script type="text/javascript"
src="${path}/apps_res/mattersApplication/js/fileUpload/ajaxfileupload.js"></script>
$.ajaxFileUpload({
url: '${pageContext.request.contextPath}/form/fieldDesign.do?method=conditionFileSave', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议,一般设置为false
fileElementId:'fileId', //文件上传域的ID,<input type="file" id="fileId">
dataType:'json',//返回的数据类型
success:function(data,status){
for(var i in data){
var name=data[i].name;
$("input:hidden[name='"+name+"']").val(data[i].value);
}
}
});
------解决思路----------------------
除了 ajaxFileUpload 外 还有个插件 uploadify 也可以很好的实现Ajax图片上传
uploadify 还可以局部刷新,展示你上传的图片