js选择文件进行导入(FileSaver.js)

记一次.参数导入设备,具体见下方代码.

导入html

<div class="input-r"><span style="width: 180px;display: inline-block;">设备参数</span><button type="button" class="btn-1" ng-click="chooseImportFile()" title="浏览" style="">浏览</button><button type="button" class="btn-1" ng-click="paramImport()" title="导入">导入</button><input type="file" class="import-file" ng-model="file" onchange="angular.element(this).scope().importFileNameChanged(this)" style="display:none;">
</div>

js

/*** 参数导入选择文件*/$scope.chooseImportFile = function(){$('.import-file').trigger('click');}$scope.importFileNameChanged = function(input){var files = input.files;$('#importFileName').val(files[0].filename || files[0].name);
}/*** 开始导入*/$scope.importing = false;$scope.paramImport = function(){var files = $('.import-file',$element)[0].files;if(files.length > 0){$scope.importing = true;var fileReader = new FileReader();fileReader.onload = function(){if(files[0].size > 1048576){alert('请选择文件大小不要超过1M!');                }else{var params = {config:this.result} var callbacks = {success:function (params){alert('导入成功!');              $scope.importProgress.remove();$state.go('login');    },fail:function (resp){$scope.importing = false;$scope.importProgress.remove();},error:function (resp){$scope.importing = false;$scope.importProgress.remove();}};Device.setInputDevConfig(params,callbacks);                 }                                       };fileReader.onerror = function(){alert('导入出错!');};fileReader.readAsText(files[0]);}else{alert('请选择导入文件!');}}

js选择文件进行导入(FileSaver.js)相关推荐

echarts国内各省份地图js/json文件，全球地图js文件/汉化，字符云js文件
echarts国内各省份地图js/json文件,全球地图js文件/汉化,字符云js文件下载链接世界地图中国地图国内各省份地图字符云下载链接 https://github.com/FuHan ...
js下载文件并修改文件名 / js判断文件后缀
js下载文件并修改文件名 / js判断文件后缀代码如下(示例): //handlerName:文件名 filePath:下载路径downloadFile (handlerName, filePath ...
超好用的前端保存文件的解决方案-FileSaver.js
通常我们在前后端分离项目中使用axios下载文件时,代码通常是这样: Java vue 使用FileSaver.js 创建a标签,并点击,然后删除a标签的代码就变成了FileSaver.saveAs( ...
wiki多个文件一起导入_wiki.js 使用 postgres 支持中文全文检索
之前一直使用 Typora 做知识管理,优点是免费+全平台 (windows + mac + Linux) 可以配图床(PicGo) 有全文检索(>0.9.61) ,比很多云平台的搜索强. 可 ...
js打印服务器文件,用Electron / Node.js编写的打印服务器
我正在尝试创建一个用电子和节点js编写的打印服务器 . 我的目标是将打印作业的主体从POS机接收到Epson热敏打印机 . 正如我从Epson的文档中正确理解的那样,打印机默认在tcp端口9100和u ...
gulp实现打包js/css/img/html文件，并对js/css/img文件加上版本号
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/498 ...
MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案
2019独角兽企业重金招聘Python工程师标准>>> MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案 MyEclipse导入jquery-1.8. ...
js相对路径相关（比如：js中的路径依赖导入该js文件的路径）
问题描述: 前几天调用同事的js接口文件,在他自己的html测试页面ok,在我这边调用时出现问题. debug过程中,将该测试html移到其他位置都不行,放到原html测试页面同层次路径下是OK的. ...
js怎么实现导出html文件,JS - 使用 FileSaver.js 实现浏览器文件导出
有时我们需要在浏览器上生成文件并保存到本地,这个借助 FileSaver.js 就可以很方便地实现. 一.基本介绍 1,FileSaver.js 功能特点 FileSaver.js是一款基于 HTML ...

js选择文件进行导入(FileSaver.js)

js选择文件进行导入(FileSaver.js)相关推荐

最新文章

热门文章