0

I'm new to bootstrap-vue and I'm currently making a feature wherein the user will take a picture of them using their webcam and then they should be able to upload it.

I'm almost done with that feature, the only thing I'm left with is that after the user took a picture, it will then be converted from base64 to file type, then I will use the push function to push the webcam image file to the v-model="files_webcam" (this is the holder of the files). Then, the b-form-file doesn't output the name of the files where I just use push function manually (instead of using the browse button of b-form-file)

The variable files_webcam contains the file that I pushed into it but it doesn't reflect on the b-form-file (it still says "No file chosen"). How can I output the file name under b-form-file of the file I pushed?

enter image description here

  • Could you please look at this question? Because of security issues, you can't set the value for an input file. https://stackoverflow.com/questions/1696877/how-to-set-a-value-to-a-file-input-in-html – Iman Shafiei May 13 '21 at 18:50
  • Hmm, I think this other question kinda answer my question. Tho I'm not sure if we have the same goal. – Laurenz Melosantos May 13 '21 at 22:32

0 Answers0