HTML语言如下,隐藏文件文本框,写一个button按钮,通过点击该按钮来弹出选择图片对话框:
JS语言如下,主要用ajaxfileupload.js来传送图片文件信息到后端给PHP处理,然后接收PHP返回的信息,如果上传成功可以显示图片:
functionuploadImage(){
$.ajaxFileUpload({
url:'{phpecho$this->createMobileUrl("AjaxUploadImage");}',
secureuri:false,
fileElementId:'uploadFile',
dataType:'json',
success:function(data,status){
if(data.success==true){
$("#newImageSrc").attr("src",data.path);//显示图片
$("#images").val(data.path);//设置图片路径
}else{
alert(data.message);
}
},
error:function(data,status,e){
alert("网络错误,请稍候重试");
}
});
returnfalse;
}
PHP后端主要是执行图片上传,然后返回json格式的信息给前端。