DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> HTML代碼文件上傳
HTML代碼文件上傳
編輯:關於HTML     

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();

})

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved