[HTML] - Salva Dati su file

Linguaggi di programmazione: php, perl, python, C, bash e tutti gli altri.
Scrivi risposta
daveBuc
Prode Principiante
Messaggi: 17
Iscrizione: mercoledì 4 marzo 2020, 9:47
Desktop: Ubuntu
Distribuzione: 18.04
Sesso: Maschile

[HTML] - Salva Dati su file

Messaggio da daveBuc » mercoledì 11 marzo 2020, 15:24

Buon pomeriggio ho scritto, trovando qualcosa online, questo script per il salvataggio di un testo su un file, ma non riesco a farlo funzionare.

Potete darmi una mano? il file html è stato messo nella cartella htdocs dentro xampp

Codice: Seleziona tutto

<html>
	<body>
		<table>
			<tr><td>Text to save:</td></tr>
			<tr>
				<td colspan="3">
					<textarea id="inputTextToSave" cols="80" rows="25"></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 textToSave = document.getElementById("inputTextToSave").value;
			var textToSaveAsBlob = new Blob([textToSave],{type:"text/plain"});
			var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
			var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
			
			var downloadLink = document.createElemt("a");
			downloadLink.download = fileNameToSaveAs;
			downloadLink.innerHTML = "Download File";
			downloadLink.href = textToSaveAsURL;
			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>
Riesco benissimo a visualizzarlo ma quando c'è da salvare il testo su file non crea il file ne lo salva. Qualcuno ha gia fatto qualcosa di simile che funzioni?

Grazie a tutti

Scrivi risposta

Ritorna a “Programmazione”

Chi c’è in linea

Visualizzano questa sezione: 0 utenti iscritti e 3 ospiti