codice:
<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Esempio</title>
<script type="text/javascript">
window.URLDraft = GetFileURL();
function GetFileURL() {
var fileURL = new ActiveXObject("FileAPI.FileURL");
if (window.JSON) {
fileURL.json = window.JSON;
}
return fileURL;
}
function loadImageFile()
{
var imagePreview = document.getElementById("risultatoHTML");
var fileSelector = GetFileSelector();
var iFileList = fileSelector.OpenFileDialog();
fileSelector.close();
if (iFileList) {
imagePreview.innerHTML = "[img]"+window.URLDraft.createObjectURL(iFileList[0])+"[/img]";
}
}
function GetFileSelector() {
var fileSelector = new ActiveXObject("FileAPI.FileSelector");
if (window.JSON) {
fileSelector.json = window.JSON;
}
return fileSelector;
}
</script>
</head>
<body>
<form name="miaForm" onsubmit="return(false);">
<table>
<tbody><tr>
<td>Seleziona un'immagine:</td>
<td><input type="file" id="mioFile" onclick="loadImageFile(); return false;" /></td>
</tr><tr>
<td>Output binario:</td>
<td><textarea name="uscitaBin" style="width: 400px; height: 100px;"></textarea></td>
</tr><tr>
<td>Output base64:</td>
<td><textarea name="uscitaB64" style="width: 400px; height: 100px;"></textarea></td>
</tr><tr>
<td>Output HTML:</td>
<td><textarea name="uscitaHTML" style="width: 400px; height: 100px;"></textarea></td>
</tr><tr>
<td>Risultato HTML:</td>
<td><div id="risultatoHTML"></div></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>