Chrome拓展 將本地檔案上傳到伺服器

2022-09-10 16:24:27 字數 837 閱讀 3971

需求:在 content-script 中選擇本地檔案,將file物件傳到 background 中進行跨域請求,再返回請求結果到 content-script。

問題:使用 elementui upload元件獲取本地檔案列印出 file 物件沒有問題.

在 content-script 中通過 chrome.runtime.sendmessage() 方法傳到 background.

在background 中使用 chrome.runtime.onmessage.addlistener 進行監聽接收到的資料列印出來就變成了 [object],file物件內容丟失了。

網上查閱資料後知道:谷歌擴充套件只能傳輸和 json 相容的資料,可通過 json.parse(json.stringify(form_data))判斷相容與否。

blob 和 json 不相容。

解決方案:要上傳檔案,可通過傳送方將 blob 物件轉換為 dataurl,接收方解析回 blob 物件,再生成 formdata 物件上傳檔案。

content-script 中:

background 中:

以上記錄chrome拓展中上傳本地檔案解決方法。

將本地檔案上傳到Github

1 先進入專案資料夾 通過命令 git init 把這個目錄變成git可以管理的倉庫 git init2 把檔案新增到版本庫中,使用命令 git add 新增到暫存區裡面去,不要忘記後面的小數點 意為新增資料夾下的所有檔案 git add 3 用命令 git commit告訴git,把檔案提交到倉庫...

將本地檔案上傳至github

第一步 在本地建立個資料夾 比如 名字叫my react 第二步 開啟終端輸入命令進入到my react資料夾中,然後輸入 git init 第三步 連線遠端倉庫,也就是連線github 詳細步驟請移步 第四步 建立github儲存庫 第五步 在github上建立好git倉庫之後我們就可以和本地倉庫...

將本地檔案上傳到github

github不僅能儲存 實現多人合作 同時可以儲存本地檔案,實現共享,再也不用帶著電腦到處跑了,哈哈 總之,就是將本地檔案放到了網際網路上 將本地檔案上傳到github步驟 1 建立本地倉庫 執行 git init 開啟git bash,切換到需要上傳檔案的目錄下,執行上面的命令,就將該目錄變成了本...