整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          用html實(shí)現(xiàn)本地文件的上傳

          html實(shí)現(xiàn)本地文件的上傳,html實(shí)現(xiàn)文件上傳,html實(shí)現(xiàn)文件上傳解決方案,html實(shí)現(xiàn)文件上傳思路,html實(shí)現(xiàn)文件上傳實(shí)例,html實(shí)現(xiàn)文件上傳源碼,html實(shí)現(xiàn)文件分塊上傳,html實(shí)現(xiàn)文件分片上傳,html實(shí)現(xiàn)文件夾上傳,html實(shí)現(xiàn)文件加密上傳,


          要求操作便利,一次選擇多個(gè)文件和文件夾進(jìn)行上傳;

          支持PC端全平臺操作系統(tǒng),Windows,Linux,Mac

          支持文件和文件夾的批量下載,斷點(diǎn)續(xù)傳。刷新頁面后繼續(xù)傳輸。關(guān)閉瀏覽器后保留進(jìn)度信息。

          支持文件夾批量上傳下載,服務(wù)器端保留文件夾層級結(jié)構(gòu),服務(wù)器端文件夾層級結(jié)構(gòu)與本地相同。

          支持大文件批量上傳(20G)和下載,同時(shí)需要保證上傳期間用戶電腦不出現(xiàn)卡死等體驗(yàn);

          支持文件夾上傳,文件夾中的文件數(shù)量達(dá)到1萬個(gè)以上,且包含層級結(jié)構(gòu)。

          支持?jǐn)帱c(diǎn)續(xù)傳,關(guān)閉瀏覽器或刷新瀏覽器后仍然能夠保留進(jìn)度。

          支持文件夾結(jié)構(gòu)管理,支持新建文件夾,支持文件夾目錄導(dǎo)航

          交互友好,能夠及時(shí)反饋上傳的進(jìn)度;

          服務(wù)端的安全性,不因上傳文件功能導(dǎo)致JVM內(nèi)存溢出影響其他功能使用;

          最大限度利用網(wǎng)絡(luò)上行帶寬,提高上傳速度;

          對于大文件的處理,無論是用戶端還是服務(wù)端,如果一次性進(jìn)行讀取發(fā)送、接收都是不可取,很容易導(dǎo)致內(nèi)存問題。所以對于大文件上傳,采用切塊分段上傳

          從上傳的效率來看,利用多線程并發(fā)上傳能夠達(dá)到最大效率。

          文件上傳頁面的前端可以選擇使用一些比較好用的上傳組件,例如百度的開源組件WebUploader,這些組件基本能滿足文件上傳的一些日常所需功能,如異步上傳文件,文件夾,拖拽式上傳,黏貼上傳,上傳進(jìn)度監(jiān)控,文件縮略圖,甚至是大文件斷點(diǎn)續(xù)傳,大文件秒傳。

          在web項(xiàng)目中上傳文件夾現(xiàn)在已經(jīng)成為了一個(gè)主流的需求。在OA,或者企業(yè)ERP系統(tǒng)中都有類似的需求。上傳文件夾并且保留層級結(jié)構(gòu)能夠?qū)τ脩粜谐珊芎玫囊龑?dǎo),用戶使用起來也更方便。能夠提供更高級的應(yīng)用支撐。


          1.下載示例

          https://gitee.com/xproer/up6-vue-cli



          將up6組件復(fù)制到項(xiàng)目中

          示例中已經(jīng)包含此目錄



          1.引入up6組件



          2.配置接口地址

          接口地址分別對應(yīng):文件初始化,文件數(shù)據(jù)上傳,文件進(jìn)度,文件上傳完畢,文件刪除,文件夾初始化,文件夾刪除,文件列表

          參考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de



          3.處理事件



          啟動測試



          啟動成功



          效果



          數(shù)據(jù)庫



          源碼工程文檔:https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

          源碼報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl


          OEM版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

          產(chǎn)品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
          授權(quán)碼生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1

          時(shí),我們希望實(shí)現(xiàn)這樣一個(gè)特性:單擊HTML頁面上的鏈接將調(diào)用本地可執(zhí)行文件。像騰訊QQ、迅雷這類。

          實(shí)現(xiàn)此功能也非常簡單,這需要我們添加和修改注冊表來實(shí)現(xiàn)自定義URL協(xié)議協(xié)議。

          自定義URL Protocol 協(xié)議

          一些應(yīng)用軟件可以在瀏覽器中點(diǎn)擊一個(gè)url后自動啟動,并執(zhí)行操作。

          1. win+r打開注冊表,輸入regedit進(jìn)入注冊表

          2. 在注冊表 左邊最上面HKEY_CLASSES_ROOT那個(gè)樹右鍵新建——項(xiàng)。該項(xiàng)的名稱自己命名,其實(shí)該名稱也是協(xié)議的名稱,我們調(diào)用的時(shí)候就是根據(jù)該協(xié)議調(diào)用的,而我這里隨便起了一個(gè):ZZO。

          3. 然后在該項(xiàng)中右鍵->新建->字符串值,創(chuàng)建一個(gè)URL Protocol的值,其中數(shù)據(jù)默認(rèn)為空。

          4. 然后在ZZO下新建->項(xiàng),名字為DefaultIcon

          5. 在ZZO下新建->項(xiàng),名稱為shell。并在shell下新建名為open的項(xiàng)。然后在open下新建名為command的項(xiàng)

          6. 然后分別修改DefaultIcon 和 command 的值為要調(diào)用的程序完整路徑.

          比如我這里要調(diào)用的是QQ,完整路徑為:D:\Program Files (x86)\Tencent\QQ\Bin\QQScLauncher.exe

          7. 然后我們在html頁面添加一個(gè)a標(biāo)簽

          <a href="Zzo://">open</a>

          8. 點(diǎn)擊頁面按鈕

          通過網(wǎng)站調(diào)用可執(zhí)行程序,主要是修改注冊表,注冊 URL Protocol 協(xié)議。

          注意上面 command 項(xiàng)的值可以為 C:\Program Files (x86)\Qiaoker\updater.exe "%1" ,這個(gè)"%1"是傳遞給 updater.exe的參數(shù)。

          加了后使用是我們就可以傳參數(shù)了,

          <a href="Uaiqiy://cid:110&username:mjq">

          方式二:使用js調(diào)起客戶端

          除了上面那種方式,我們還可以通過調(diào)用js函數(shù)實(shí)現(xiàn)客戶端exe程序的調(diào)用,但是這種方式局限性很大,目前只支持IE瀏覽器。

          代碼如下:

          function execProgram() {

          var exepath = "D:\Program Files (x86)\Tencent\QQMusic\QQMusic.exe"

          var ws = new ActiveXObject("WScript.Shell");

          ws.Exec(exepath);

          }

          能:純VUE,純前端實(shí)現(xiàn)文件上傳,支持文件上傳,大文件上傳,文件夾上傳,100G超大文件斷點(diǎn)續(xù)傳,MD5校驗(yàn),文件秒傳,云存儲,比如阿里云,七牛云,華為云,百度云,騰訊云,

          核心優(yōu)勢:使用簡單,配置簡單,集成簡單,維護(hù)簡單。提供前端源代碼,提供后端源代碼,提供7*24小時(shí)專業(yè)工程師技術(shù)支持。


          代碼:https://gitee.com/xproer/up6-vue-cli

          1.引入up6組件

          2.配置接口地址

          接口地址分別對應(yīng):文件初始化,文件數(shù)據(jù)上傳,文件進(jìn)度,文件上傳完畢,文件刪除,文件夾初始化,文件夾刪除,文件列表

          參考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

          3.定義事件


          主站蜘蛛池模板: 一区二区三区伦理高清| 亚洲国产精品一区二区久久| 精品国产一区二区三区麻豆| 国产成人一区二区三区高清| 天天看高清无码一区二区三区| 爆乳熟妇一区二区三区霸乳| 久久久无码精品国产一区| 国产AV一区二区三区传媒| 精产国品一区二区三产区| 日本一区二区三区不卡视频中文字幕| 亚洲日韩精品一区二区三区无码| 无码午夜人妻一区二区不卡视频 | 国产成人无码精品一区二区三区 | 人妻免费一区二区三区最新| 亚洲熟妇AV一区二区三区宅男| 一区二区三区免费看| 波多野结衣在线观看一区| 国产高清一区二区三区视频| 久久免费区一区二区三波多野| 日韩人妻无码一区二区三区综合部| 国产a久久精品一区二区三区| 91一区二区三区四区五区| 亚洲欧洲∨国产一区二区三区| 精品一区二区三区免费观看| 国产一区二区三区四| 夜夜精品视频一区二区| 日本香蕉一区二区三区| 日韩一区二区三区视频久久| 亚洲A∨精品一区二区三区| 精品一区二区三区在线观看 | 少妇一晚三次一区二区三区| 国产精品久久久久一区二区三区| 久久蜜桃精品一区二区三区| 国产精品免费大片一区二区| 国内偷窥一区二区三区视频| 精品国产日韩亚洲一区在线| 一区二区三区免费在线视频| 精品无码一区二区三区在线| 精品女同一区二区三区免费播放| 亚洲一区二区三区夜色| 一区二区三区视频|