Getting a real path of file type input

[sanket143]

Is your feature request related to a problem? Please describe.
I am trying to get a the real path of file selected in <input type="file" id="myFile"> but I dunno how to.

I tried document.getElementById("myFile").files which gives array of File which contains following information.

lastModified: 1597767566000
name: "filename.py"
size: 859
type: "text/x-python"
webkitRelativePath: ""

Describe the solution you'd like
Electron adds a path property in File object. I don't know how exactly it is happening and will it be possible in Tauri
but this seems to be one possible solution to me.
https://github.com/electron/electron/blob/master/docs/api/file-object.md

[sanket143]

Okay got the solution it's simply

import { open, save } from "tauri/api/dialog"

async handler(){
  let filepath = await open()
}

dialog is all for this. RTFD 🤦‍♂️

[ken0x0a]

I had the same issue when I was trying to drag and drop a file.

Could you reopen this issue?

[ken0x0a]

It seems winit supports this feature.
But, sadly, the webview_official doesn't use "winit", so it doesn't work.

[ken0x0a]

@nothingismagick Could you move this ISSUE also to wry repo?
I think this issue is related to handling window event (at least on macOS).

[ken0x0a]

@wusyong Is this feature implemented?
If so, could you add a reference please?

[wusyong]

Ah sorry, closed this because we now have a file drop handler for it.
See dragndrop example to see how it works.

[ken0x0a]

@wusyong Thank you for the line!
Can we get absolute path for the file?

[wusyong]

Yes, it's the absolute path.

[mihirsamdarshi]

Hi, is there an example of how I would handle dragging and dropping files using the JS Tauri API? I have a React component that utilizes the drag and drop HTML APIs with event listeners, and it can handle it just fine in a web browser, but I am unsure how I would use that to hook into my Tauri application?

[FabianLars]

@mihirsamdarshi
Listen to the tauri://file-drop and tauri://file-drop-hover (and tauri://file-drop-cancelled) events with tauri's event listener: https://tauri.studio/en/docs/api/js/modules/event/#listen

[mihirsamdarshi]

@FabianLars thank you!

[Jan-Eckerlein]

https://tauri.app/v1/api/js/dialog#open