New Feature

Question

New Feature

nicholaschun opened this issue 7 years ago · comments

Nicholas commented 7 years ago

Please how do i display an image from a database in the preview panel of vue-picture-input..
Anybody have any idea?

Alessio Maffeis · Answer 1 · Wed Oct 11 2017 23:34:29 GMT+0800 (China Standard Time)

I am sorry, but I really don't understand what you are trying to achieve. Care to share more context and some examples?

Nicholas · Answer 2 · Thu Oct 12 2017 00:12:38 GMT+0800 (China Standard Time)

Thank you very much... so after uploading an image with the picture input plugin and inserted into the database i want to display the uploaded image in the preview panel of the same picture input..

…

On Wed, Oct 11, 2017 at 3:34 PM, Alessio Maffeis ***@***.***> wrote: I am sorry, but I really don't understand what you are trying to achieve. Care to share more context and some examples? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#36 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ASbIXgc6tzJ_gX2c0CV4ScATbZZV0jCkks5srOAGgaJpZM4P0SlU> .

Alessio Maffeis · Answer 3 · Thu Oct 12 2017 17:24:46 GMT+0800 (China Standard Time)

As a principle, I wouldn't save an image in a database, but if that is really what you need to do, you could save it in base64 (you can get the base64 string from this.$refs.pictureInput.image), and then use that value to set the prefill option as per the README:

prefill: (image url or File object, optional) use this to specify the path to a default image (or a File object) to prefill the input with. Default value: empty.

prefillOptions: (object, optional) use this if you prefill with a data uri scheme to specify a file name and a media or file type:
  fileName: (string, optional) the file name
  fileType: (string, optional) the file type of the image, i.e. "png", or
  mediaType: (string, optional) the media type of the image, i.e. "image/png"

Nicholas · Answer 4 · Thu Oct 12 2017 18:20:08 GMT+0800 (China Standard Time)

Thank you very much .. this was helpful i was able to achieve what i wanted.

…

On Thu, Oct 12, 2017 at 9:24 AM, Alessio Maffeis ***@***.***> wrote: Closed #36 <#36> . — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#36 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ASbIXjQoBZApMVvGYzlI8JzQbnRHBy3zks5srdrlgaJpZM4P0SlU> .

Alessio Maffeis · Answer 5 · Thu Oct 12 2017 18:59:02 GMT+0800 (China Standard Time)

I am glad it was! :)
P.S. don't forget to star the project, if you find it useful.