tauri-workspace/tauri/examples/communication/dist/dialog.js

var defaultPathInput = document.getElementById("dialog-default-path");
var filterInput = document.getElementById("dialog-filter");
var multipleInput = document.getElementById("dialog-multiple");
var directoryInput = document.getElementById("dialog-directory");

document.getElementById("open-dialog").addEventListener("click", function () {
  window.__TAURI__.dialog
    .open({
      defaultPath: defaultPathInput.value || null,
      filter: filterInput.value || null,
      multiple: multipleInput.checked,
      directory: directoryInput.checked,
    })
    .then(function (res) {
      console.log(res);
      var pathToRead = res;
      var isFile = pathToRead.match(/\S+\.\S+$/g);
      window.__TAURI__.fs
        .readBinaryFile(pathToRead)
        .then(function (response) {
          if (isFile) {
            if (pathToRead.includes(".png") || pathToRead.includes(".jpg")) {
              arrayBufferToBase64(new Uint8Array(response), function (base64) {
                var src = "data:image/png;base64," + base64;
                registerResponse('<img src="' + src + '"></img>');
              });
            } else {
              registerResponse(res);
            }
          } else {
            registerResponse(res);
          }
        })
        .catch(registerResponse(res));
    })
    .catch(registerResponse);
});

document.getElementById("save-dialog").addEventListener("click", function () {
  window.__TAURI__.dialog
    .save({
      defaultPath: defaultPathInput.value || null,
      filter: filterInput.value || null,
    })
    .then(registerResponse)
    .catch(registerResponse);
});