原生javascript上傳檔案外掛程式封裝

2021-09-24 21:27:03 字數 1328 閱讀 4837

封裝函式的**:

function

uploadfile

(options)

//建立xmlhttprequest物件

;//判斷在呼叫的時候有沒有傳入這兩個函式引數,防止報錯

var success = options.success ||

function()

;var error = options.error ||

function()

;//設定公用的方法,不管上傳成功還是失敗都會執行的函式

};

函式呼叫的時候:

var imgfile = document.

getelementbyid

('uploadfile');

var fd =

newformdata()

;fd.

('file'

,imgfile.files[0]

);api(

, error:

function()

, complete:

function()

})

1.呼叫時和jquery的ajax在調時是一樣的寫法,不過裡面判斷的東西還很少,很不嚴謹。

2.也支援多檔案上傳,需要在標籤上設定multiple屬性,並且都放進formdata物件中。此例中是fd

原生javascript獲取元素樣式

摘要 我們在開發過程中經常會遇到通過js獲取或者改變dom元素的樣式,方法有很多,比如 通過更改dom元素的class。現在我們討論原生js來獲取dom元素的css樣式,注意是獲取不是設定 在開始之前先說下獲取最終應用在元素上的所有css屬性物件的意思是,如果沒有給元素設定任何樣式,也會把瀏覽器預設...

javascript原生DOM知識總結

dom是 document object model的縮寫,也就是文件物件模型的意思,它是一種用於html和xml文件的程式設計介面。它給文件提供了一種結構化的表示方法,可以改變文件的內容和呈現方式。上面對dom的解釋比較官方不易理解,用我自己的話來解釋的話 網頁是由一系列的html組成,如果把每乙...

用原生JavaScript寫AJAX

原生js寫ajax就像打 打 分下面4步 1.拿出手機 2.撥號 3.說話 4.聽對方說話 ajax也分下面4步 1.建立ajax物件 2.連線到伺服器 3.傳送請求 告訴伺服器我要什麼檔案 4.接收返回值 但是,不能每次用ajax的時候都寫那麼多 要把這段ajax 封裝起來,方便使用。最後把 封裝...