In der Spalte „Javascript“ erfahren Sie, wie Sie Dateien mit JavaScript lesen und speichern.
Verwandte kostenlose Lernempfehlungen:
(Video)Zuerst lesen wir die Datei. W3C stellt einige Datei-APIs bereit, von denen die FileReader-Klasse die wichtigste ist. Listen Sie zunächst die HTML-Tags auf, die verwendet werden müssen:Da Google die Funktion zum Synchronisieren von Plug-in-Daten noch nicht bereitstellt, müssen beim Importieren und Exportieren von Plug-in-Konfigurationen Dateien verarbeitet werden. Aus Sicherheitsgründen stellt nur der IE APIs für den Zugriff auf Dateien bereit, aber mit der Einführung von HTML 5 wurde dies auch von anderen Browsern unterstützt.
<input type="file" id="file" onchange="handleFiles(this.files)"/>
onloadend: Die Datei wurde vollständig gelesen. Wird jedes Mal ausgelöst, egal ob es fehlschlägt oder nicht. onloadstart: Wird ausgelöst, wenn das Lesen der Datei beginnt verarbeitet werden kann. Datei lesen Versuchen wir zunächst, eine Textdatei zu lesen:
function handleFiles(files) {
if (files.length) {
var file = files[0];
var reader = new FileReader();
if (/text/w+/.test(file.type)) {
reader.onload = function() {
$('<pre class="brush:php;toolbar:false">' + this.result + '').appendTo('body');
}
reader.readAsText(file);
}
}
}<span style="font-family: Arial, Helvetica, sans-serif;">这里的this.result实际上就是reader.result，也就是读取出来的文件内容。</span>
function handleFiles(files) {
if (files.length) {
var file = files[0];
var reader = new FileReader();
if (/text/w+/.test(file.type)) {
reader.onload = function() {
$('<pre class="brush:php;toolbar:false">' + this.result + '').appendTo('body');
}
reader.readAsText(file);
} else if(/image/w+/.test(file.type)) {
reader.onload = function() {
$('<input type="file" id="files" multiple="" onchange="handleFiles(this.files)"/>
最后，用URL.revokeObjectURL()来释放这个object URL，通知浏览器可以不必继续引用这个文件了。
下面就是一段化简的代码：
var BlobBuilder = BlobBuilder || WebKitBlobBuilder || MozBlobBuilder;
var URL = URL || webkitURL || window;
function saveAs(blob, filename) {
var type = blob.type;
var force_saveable_type = 'application/octet-stream';
if (type && type != force_saveable_type) { // 强制下载，而非在浏览器中打开
var slice = blob.slice || blob.webkitSlice || blob.mozSlice;
blob = slice.call(blob, 0, blob.size, force_saveable_type);
}
var url = URL.createObjectURL(blob);
var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
save_link.href = url;
save_link.download = filename;
var event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
save_link.dispatchEvent(event);
URL.revokeObjectURL(url);
}
var bb = new BlobBuilder;
bb.append('Hello, world!');
saveAs(bb.getBlob('text/plain;charset=utf-8'), 'hello world.txt');测试时会提示保存一个文本文件。Chrome需要把网页放在服务器上或插件里。
/**
* 写文件
* @param fileName 文件名
* @param data 文件流
* @param path 写入路径
* @return boolean
*/
public static boolean writeFile(String fileName,String data,String path) {
try {
// System.out.println("fileContent:" + data);
File file = new File(path + fileName);
if(!file.exists()){
file.createNewFile();
}
FileOutputStream outStream = new FileOutputStream(file);
outStream.write(data.getBytes());
outStream.flush();
outStream.close();
outStream = null;
return(true);
} catch (Exception e) {
e.printStackTrace();
return(false);
}
}Das obige ist der detaillierte Inhalt vonLernen Sie, Dateien mit JavaScript zu lesen und zu speichern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
