js獲取和下載json文件

xiaowugui666 發(fā)布于2019-08-22 15:07 / 1223人閱讀

摘要：業(yè)務(wù)場景通過以格式上傳配置，直接讀取并加載。再將數(shù)據(jù)通過格式下載在本地。

業(yè)務(wù)場景

通過input以json格式上傳配置，直接讀取并加載。再將數(shù)據(jù)通過json格式下載在本地。

代碼



$(".upload").click(function(e){
    var target = e.target
    var file = targe.files[0]
    var reader = new FileReader()
    reader.readAsText(file);
    reader.onload = function(){
        var result = JSON.parse(this.result)[0]
    }
})



$(".download").click(function(){
    var d = {}
    var datastr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(d));
    var downloadAnchorNode = document.createElement("a")
    downloadAnchorNode.setAttribute("href", datastr);
    downloadAnchorNode.setAttribute("download", "tem.json")
    downloadAnchorNode.click();
    downloadAnchorNode.remove();
})

云服務(wù)器 GPU云服務(wù)器 js從json文件獲取數(shù)據(jù) js json獲取后臺數(shù)據(jù) js 動態(tài)獲取json數(shù)據(jù) js 獲取頁面Json數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93184.html

相關(guān)文章

發(fā)布一個自己的npm包之wxh-tools

摘要：工作中經(jīng)常重復(fù)寫一些方法整理起來托管到倉庫中搭建一個包每次使用時按需下載打包成一個文件方便使用項(xiàng)目地址地址工具截圖項(xiàng)目目錄執(zhí)行包命令所有下方法列表由創(chuàng)建打包時使用的配置打包目錄臨時目錄，用于存放從下載到本地的資源存放工作中經(jīng)常重復(fù)寫一些方法, 整理起來托管到 GitHub倉庫中 ,搭建一個npm包, 每次使用時, 按需下載打包成一個文件, 方便使用; 項(xiàng)目地址 NPM地址: http...

smartlion 2019-08-26 10:30 評論0 收藏0
【小工具】node.js下載json對象中包含的所有圖片鏈接

摘要：我先是在瀏覽器上輸入豆瓣的地址，拉下來數(shù)據(jù)。根據(jù)豆瓣的圖片地址，建立了對應(yīng)的文件夾以下邏輯代碼中該函數(shù)的功能是接收一個數(shù)組數(shù)據(jù)的文件路徑，就可以將該中包含的所有的圖片路徑全部下載到中下對應(yīng)的文件夾中。今天在看微信小程序，數(shù)據(jù)是從網(wǎng)上找的API請求下來的。就想能不能把數(shù)據(jù)保存到本地來，以后沒有網(wǎng)絡(luò)也可以自己搭服務(wù)器提供數(shù)據(jù)。說干就干，我打算用node來做。我先是在瀏覽器上輸入豆瓣的...

notebin 2019-08-20 17:14 評論0 收藏0
nodejs 基礎(chǔ)篇整合

摘要：基礎(chǔ)篇整合最近有朋友也想學(xué)習(xí)相關(guān)方面的知識，如果你是后端想接近前端，作為一門跑在服務(wù)端的語言從這里入門再好不過了。事件驅(qū)動機(jī)制是通過內(nèi)部單線程高效率地維護(hù)事件循環(huán)隊(duì)列來實(shí)現(xiàn)的，沒有多線程的資源占用和上下文的切換。 nodeJs 基礎(chǔ)篇整合最近有朋友也想學(xué)習(xí)nodeJs相關(guān)方面的知識，如果你是后端想接近前端，node作為一門跑在服務(wù)端的JS語言從這里入門再好不過了。如果你正好喜歡前端，...

lemanli 2019-08-02 12:00 評論0 收藏0
nodejs 基礎(chǔ)篇整合

摘要：基礎(chǔ)篇整合最近有朋友也想學(xué)習(xí)相關(guān)方面的知識，如果你是后端想接近前端，作為一門跑在服務(wù)端的語言從這里入門再好不過了。事件驅(qū)動機(jī)制是通過內(nèi)部單線程高效率地維護(hù)事件循環(huán)隊(duì)列來實(shí)現(xiàn)的，沒有多線程的資源占用和上下文的切換。 nodeJs 基礎(chǔ)篇整合最近有朋友也想學(xué)習(xí)nodeJs相關(guān)方面的知識，如果你是后端想接近前端，node作為一門跑在服務(wù)端的JS語言從這里入門再好不過了。如果你正好喜歡前端，...

lentrue 2019-08-29 17:15 評論0 收藏0
nodejs 基礎(chǔ)篇整合

摘要：基礎(chǔ)篇整合最近有朋友也想學(xué)習(xí)相關(guān)方面的知識，如果你是后端想接近前端，作為一門跑在服務(wù)端的語言從這里入門再好不過了。事件驅(qū)動機(jī)制是通過內(nèi)部單線程高效率地維護(hù)事件循環(huán)隊(duì)列來實(shí)現(xiàn)的，沒有多線程的資源占用和上下文的切換。 nodeJs 基礎(chǔ)篇整合最近有朋友也想學(xué)習(xí)nodeJs相關(guān)方面的知識，如果你是后端想接近前端，node作為一門跑在服務(wù)端的JS語言從這里入門再好不過了。如果你正好喜歡前端，...

高勝山 2019-08-26 12:23 評論0 收藏0