我必须在我的vaadin-oracle表单应用程序中实现"另存为"按钮,我不知道该怎么做。我不能为此使用小程序。数据将被保存并存储在硬盘驱动器上(以各种文件格式(。
我读到javascript对此不安全。第二个想法是创建简单的Web服务,该服务可以托管在本地主机上,并从Web应用程序发送数据以保存。
有没有教程或想法如何解决它?
在这里看到Davide Rizzo的CODEPEN,它的javascript但非常方便!
此代码使用文件保护程序.js
$("#btn-save").click( function() {
var text = $("#textarea").val();
var filename = $("#input-fileName").val()
var blob = new Blob([text], {type: "text/plain;charset=utf-8"});
saveAs(blob, filename+".txt");
});
body {
padding: 1em;
background: #EEE;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/FileSaver.js"></script>
<form role="form">
<h3>Saving a file with pure JS!</h3>
<p>Uses HTML5 W3C saveAs() function and the <a href="https://github.com/eligrey/FileSaver.js" target="_blank">FileSaver.js</a> polyfill for this.<br>
I didn't think this was even possible without a server but the docs say it should work in IE 10+, Sweet!</p>
<div class="form-group">
<label for="input-fileName">File name</label>
<input type="text" class="form-control" id="input-fileName" value="textFile" placeholder="Enter file name">
</div>
<div class="form-group">
<label for="textarea">Text</label>
<textarea id="textarea" class="form-control" rows="10" placeholder="Enter text to save">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae iure ab voluptate sunt reiciendis, officia, aliquam temporibus. Quo laudantium quaerat ad, deleniti optio ex, dignissimos, ea accusamus placeat tempora minima!</textarea>
</div>
<button id="btn-save" type="submit" class="btn btn-primary">Save to file</button>
</form>