這篇文章主要介紹了圖片上傳插件ImgUploadJS:用HTML5 File API 實現截圖粘貼上傳、拖拽上傳的相關資料,需要的朋友可以參考下一. 背景及效果
當前互聯網上傳文件最多的就是圖片文件了,但是傳統web圖片的截圖上傳需要:截圖保存->選擇路徑->保存後再點擊上傳->選擇路徑->上傳->插入。
圖片文件上傳也需要:選擇路徑再->上傳->插入,步驟繁雜,互聯網體驗為王,如果支持截圖粘貼上傳、拖拽上傳將大大提升體驗。
當前知乎和github對現代瀏覽器均支持這兩種特性,閒來無事就學習實現了一下,今天就說一說這個1kb插件實現什麼功能,怎麼使用和原理。
首先看一下插效果:
截圖後直接粘貼上傳。
拖拽上傳http網絡二.使用示例
直接調用:
XML/HTML Code複製內容到剪貼板