js獲取和下載json文件

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

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

業(yè)務場景

通過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();
})

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

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93184.html

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

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

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

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

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

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

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

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

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

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

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