核心提示:HTML代码:最大100KB,支持jpg,gif,png格式。 p最大100KB,支持jpg,gif,png格式。/p p id=preview/pJS代码:需要引入jquery.wallform.j...
HTML代码:
最大100KB,支持jpg,gif,png格式。
<p>最大100KB,支持jpg,gif,png格式。</p> <p id="preview"></p>
JS代码:需要引入jquery.wallform.js插件以及jquery
(‘#photoimg’).change(function(){//再添加onchange事件,这个当用户选择一个或多个图片后点击打开时,会触发这个事件,我们就是要在这个事件上调用异步方法上传数据到服务器,并做相应的代码处理;
varstatus=(“#up_status”);
var btn = (“#up_btn”);
varfile=document.getElementById(‘photoimg’).value;//file就是获得选择的文件的路径,不过是伪装(例如:c:fake/xxx.jpg,而不是c:xx/xxx/xx.jpg)的路径,如果用varfile=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();
})