要求:只要点击上传按钮就可以将这张图片显示到指定位置,并且能将图片从到指定目录,用php做的处理
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
1、图片上传可以使用jquery.form.js。单按钮上传,可以先隐藏一个file控件,控制点击按钮实际上是点击了file控件
2、后端处理交给php就好了,都在$_FILE变量里面,处理完成后返回给前端可预览的图片url
3、前端收到上传完成的图片url之后,随便怎么展示都可以了
简单代码如下:
$("#submit").click(function(){
$("#file").click();
});
$("#file").change(function(){
//todo
$("form[name=form]").ajaxSubmit({
url: "upload.php",
beforeSubmit: function(){
$("#picView").show();
},
success: function(url){
$("#picView").find("img").attr("src", url);
},
error: function(){
alert("图片上传失败,请重试");
}
});
});