码迷,mamicode.com
首页 > Web开发 > 详细

上传geojson文件解析

时间:2020-06-05 16:52:09      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:targe   cto   catch   ges   文件   try   文件解析   ret   检查   

  parseGeson(context, fileInputId) {
    return new Promise(((resolve) => {
      var inputFile = document.querySelector(`#${fileInputId}`);
      inputFile.addEventListener("change", (event) => {
        var uri = event.target.value;
        if (!/.geojson/ig.test(uri)) {
          context.$message({
            type: "warning",
            message: "请上传geojson文件"
          });
          document.querySelector(`#${fileInputId}`).value = "";
          return;
        }
        var reader = new FileReader();
        reader.readAsText(inputFile.files[0]);
        reader.onload = (evt) => {
          document.querySelector(`#${fileInputId}`).value = "";
          var fileString = evt.target.result;
          var result = {
            code: "",
            data: ""
          };
          try {
            result.data = JSON.parse(fileString);
            result.code = 200;
            resolve(result);
            context.$message({
              type: "success",
              message: "上传成功"
            });
          } catch (error) {
            context.$message({
              type: "warning",
              message: "json解析异常,请检查内容的格式是否正确"
            });
            result.data = fileString;
            result.code = 400;
          }
          resolve(result);
        };
      }, false);
    }));
  }

 

上传geojson文件解析

标签:targe   cto   catch   ges   文件   try   文件解析   ret   检查   

原文地址:https://www.cnblogs.com/liuhao-web/p/13050537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!