🔹 Select, Pass or Upload Files

<script type="text/javascript" src="../script/jquery.min.js"></script>
<script type="text/javascript" src="../script/ao_module.js"></script>

//Options are optional values
let options = {
    defaultName: "newfile.txt",            //Default filename used in new operation
    fnameOverride: "myfunction",           //For those defined with window.myfunction / or script with type="module"
    filter: ["mp3","aac","ogg","flac","wav"] //File extension filter
}

//Handler function to process the selected files
function fileSelected(filedata){
    for (var i=0; i < filedata.length; i++){
        var filename = filedata[i].filename;
        var filepath = filedata[i].filepath;
        //Do something here with the selected file
    }
}

//Call to the open file selector API
ao_module_openFileSelector(fileSelected, "user:/Desktop", "file", true, options);

let filedata = [{
	"filename": "test.jpg",
	"filepath": "user:/Desktop/test.jpg"
}];

let fileHash =  encodeURIComponent(JSON.stringify(filedata));
//WebApp embedded pages are requested with something like YourApp/embedded.html#{{fileHash_here}}

[
{
	"filename": "test.jpg",
	"filepath": "user:/Desktop/test.jpg"
},
{
	"filename": "test2.jpg",
	"filepath": "user:/Desktop/test2.jpg"
}
];

/*
	Low Memory Upload Mode
	
	Assume the file you want to upload is stored in "file" object
*/
var uploadFileChunkSize = 1024 * 512; //512KB per chunk in low memory upload
var largeFileCutoffSize = 8192 * 1024 * 1024; //Any file larger than this size is consider "large file", default to 8GB

var filename = encodeURIComponent(file.name);
var filesize = file.size;

//Open the websocket
let path = "user:/Desktop";
let protocol = "wss://";
if (location.protocol !== 'https:') {
	protocol = "ws://";
}

var port = window.location.port;
if (window.location.port == "") {
	if (location.protocol !== 'https:') {
		port = "80";
	} else {
		port = "443";
	}
}

let uploadDir = "user:/Desktop";

//Fixing Firefox path issues on or above FF48.0
if (isFirefox && file.webkitRelativePath != "") {
	//Use the webkitRelativePath instead of the name, this is a folder upload
	let pathinfo = file.webkitRelativePath.split("/");
	pathinfo.pop();
	let subpath = pathinfo.join("/");
	uploadDir = uploadDir + subpath;
}

let hugeFileMode = "";
if (file.size > largeFileCutoffSize) {
	//Filesize over cutoff line. Use huge file mode
	hugeFileMode = "&hugefile=true";
}


let socket = new WebSocket(protocol + window.location.hostname + ":" + port + "/system/file_system/lowmemUpload?filename=" + filename + "&path=" + uploadDir + hugeFileMode);
let currentSendingIndex = 0;
let chunks = Math.ceil(file.size / uploadFileChunkSize, uploadFileChunkSize);

//Define a function for sending a particular chunk
function sendChunk(id, uploadingIconUUID) {
	let offsetStart = id * uploadFileChunkSize;
	let offsetEnd = id * uploadFileChunkSize + uploadFileChunkSize;
	let thisblob = file.slice(offsetStart, offsetEnd);
	socket.send(thisblob);

	//Update progress to first percentage
	let progress = id / (chunks - 1) * 100.0;
	if (progress > 100) {
		progress = 100;
	}
	console.log("Uploading " + progress + "%");
}

//Start sending
socket.onopen = function(e) {
	//Send the first chunk
	sendChunk(0, uploadingIconUUID);
	currentSendingIndex++;
};

socket.onmessage = function(event) {
	//Append to the send index
	var incomingValue = event.data;

	if (incomingValue == "next") {
		if (currentSendingIndex == chunks + 1) {
			//Already finished
			socket.send("done");
		} else {
			//Send next chunk
			sendChunk(currentSendingIndex, uploadingIconUUID);
			currentSendingIndex++;
		}

	} else if (incomingValue == "OK") {
		//Merge completed

	} else {
		//Try to parse it as JSON
		try {
			var resp = JSON.parse(incomingValue.split('\\' + '"').join("\""));
			console.log(resp);
			if (resp.error !== undefined) {
				//This is an error message
				console.log("Upload Failed", resp.error);
			}
		} catch (ex) {
			//Something else
			console.log(incomingValue);
			console.log(ex);
		}
	}

};

socket.onclose = function(event) {
	//Upload completed
    alert("upload completed");
};

socket.onerror = function(error) {
	console.log(error.message);
	//Do something to handle the upload fail
};

ao_module_codec.decodeUmFilename(umfilename_here);
ao_module_codec.encodeUMFilename("test.stl");
ao_module_codec.decodeHexFoldername(hexFolderName_here);
ao_module_codec.encodeHexFoldername("test");