javascript - 仅当单击“保存”按钮时才导入 csv(添加了 Plunker)

标签 javascript angularjs csv import

这是笨蛋。 http://plnkr.co/edit/UQ4Pb94QzDbScnN7z2Vb?p=preview

根据这个骗子,用户选择了一个 csv 文件。一旦选择文件,其内容就会显示在其下方。这是由于 HTML 代码中提到的 {{fileContent}}。

我希望用户单击保存按钮,而不是直接显示在下面。单击“保存”按钮后,我希望结果显示在控制台日志中,而不是显示在“选择文件”按钮下方。

<html>
</html> //added this code so it allows me to post the question.

知道如何实现这一目标吗?

最佳答案

fileContent传递给save()函数

html

<body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <input type="file" file-reader="fileContent" />
    <button type="button" ng-click="save(fileContent);">Save</button>
    <div>{{fileContent}}</div>    
</body>

Controller

$scope.save = function(data)
{
   console.log(data)
}

关于javascript - 仅当单击“保存”按钮时才导入 csv(添加了 Plunker),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37736520/

相关文章:

mysql - 将 MYSQL 数据库导入 NeO4j

javascript - 在 TypeScript 中加载文件

javascript - 从 DOM 元素引用 Javascript 对象是一种不好的做法吗?

javascript - AngularJS 下拉多选不工作

angularjs - HttpSecurity 类型未定义方法 and()

javascript - 如何将 url 从 View 传递到 Angularjs Controller 文件?

javascript - Protractor :如何在命令行输入 URL

mysql - 通过忽略变量 CSV 列将 CSV 批量导入 MySQL

java - 奇怪的 Java String[] 问题,包含值,但在插入 List<String[]> 时表现得像 null

javascript - Excel 就像在 javascript 中建立索引