这几天接了一个任务,虽然说是简答的切图页面,但里面有上传图片的功能,每上传一张就要显示一张,之前没弄过这种功能,所以只能去网上找插件来弄,在这里的话用到了jq和jquery.form.js,不过需要服务器端返回数据,还好这个任务平台是支持这种方式的
看下面写的代码:
function subimtBtn() { var form = $("#pcedit_form"); var options = { url:'接受地址', type:'post', success:function(data) { var jsondata = eval("("+data+")"); if(jsondata.error == "0"){ var url = jsondata.url; alert(url) $("#img").attr("src",url); }else{ var message = jsondata.message; alert(message); } } }; form.ajaxSubmit(options); //$("#fileForm").submit(); }
} 就这样简单的几句代码就可以完成了图片的上传