Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   FileReader и FileWriter (https://javascript.ru/forum/misc/55408-filereader-i-filewriter.html)

wizarden 26.04.2015 19:35

FileReader и FileWriter
 
http://jsfiddle.net/us4udkfa/
считываем текстовый файл помещаем в переменную, потом что то с ней делаем и нужно записать её в файл по выбору пользователя
подскажите как это сделать на javascript

<input type="file" id="files" name="files[]"   /></input>
<div id="ct"></div>


$('#files').change(handleFileSelect);
var reader = new FileReader();
var dFile = '';

function handleFileSelect(evt) {
	var files = evt.target.files;

	for (var i = 0, f; f = files[i]; i++) {

		reader.onload = (function(theFile) {
			return function(e) {
				dxfFile = e.target.result;
				$('#ct').text(dFile);
			};
		})(f);
		reader.readAsText(f);
	}
}

wizarden 26.04.2015 21:54

https://github.com/eligrey/FileSaver.js

вот нашёл такую вещь пашет на стороне клиента без серверов , хотя ещё не разбирался

wizarden 27.04.2015 21:59

или так

<html>
<body>

<table>
	<tr><td>Text to Save:</td></tr>
	<tr>
		<td colspan="3">
			<textarea id="inputTextToSave" style="width:512px;height:256px"></textarea>
		</td>
	</tr>
	<tr>
		<td>Filename to Save As:</td>
		<td><input id="inputFileNameToSaveAs"></input></td>
		<td><button onclick="saveTextAsFile()">Save Text to File</button></td>
	</tr>
	<tr>
		<td>Select a File to Load:</td>
		<td><input type="file" id="fileToLoad"></td>
		<td><button onclick="loadFileAsText()">Load Selected File</button><td>
	</tr>
</table>

<script type='text/javascript'>

function saveTextAsFile()
{
	var textToWrite = document.getElementById("inputTextToSave").value;
	var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
	var fileNameToSaveAs ="123";// document.getElementById("inputFileNameToSaveAs").value;

	var downloadLink = document.createElement("a");
	downloadLink.download = fileNameToSaveAs;
	downloadLink.innerHTML = "Download File";
	if (window.webkitURL != null)
	{
		// Chrome allows the link to be clicked
		// without actually adding it to the DOM.
		downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
	}
	else
	{
		// Firefox requires the link to be added to the DOM
		// before it can be clicked.
		downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
		downloadLink.onclick = destroyClickedElement;
		downloadLink.style.display = "none";
		document.body.appendChild(downloadLink);
	}

	downloadLink.click();
}

function destroyClickedElement(event)
{
	document.body.removeChild(event.target);
}

function loadFileAsText()
{
	var fileToLoad = document.getElementById("fileToLoad").files[0];

	var fileReader = new FileReader();
	fileReader.onload = function(fileLoadedEvent) 
	{
		var textFromFileLoaded = fileLoadedEvent.target.result;
		document.getElementById("inputTextToSave").value = textFromFileLoaded;
	};
	fileReader.readAsText(fileToLoad, "UTF-8");
}

</script>

</body>
</html>

wizarden 27.04.2015 22:00

так что можно и читать и писать в браузере на стороне клиента)))


Часовой пояс GMT +3, время: 09:50.