文件上传

HTML代码：

添加图片

    <p>最大100KB，支持jpg，gif，png格式。</p> 

    <div id="preview"></div>

JS代码：需要引入jquery.wallform.js插件以及jquery
$(‘#photoimg’).change(function(){ //再添加onchange事件，这个当用户选择一个或多个图片后点击打开时，会触发这个事件，我们就是要在这个事件上调用异步方法上传数据到服务器，并做相应的代码处理； var status =$(“#up_status”);
var btn = $(“#up_btn”); var file=document.getElementById(‘photoimg’).value; //file就是获得选择的文件的路径，不过是伪装(例如：c:fake/xxx.jpg,而不是c:xx/xxx/xx.jpg)的路径,如果用var file=document.getElementById(‘photoimg’).files;alert(file[0].name);//只得到文件名，而不是c:xxx/xxx/文件名$(“#imageform”).ajaxForm({
target: ‘#preview’,
beforeSubmit:function(){
status.show();
btn.hide();
},
success:function(){
status.hide();
btn.show();
},
error:function(){
status.hide();
btn.show();
} }).submit();
})
PHP代码：