HTML代碼:
最大100KB,支持jpg,gif,png格式。
? 1 2 3 <p>最大100KB,支持jpg,gif,png格式。</p> <div id="preview"></div>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();
})