Upload multi image by user

#1 · October 17, 2023, 10:52 pm

Hi dear friends.

I have a web app that in part of it, user must upload one image as profile and in the step must upload 3 images.

Then when all steps are done, Images will upload to host with these names:
- userlogo.jpg

- userimage1.jpg, userimage2.jpg, userimage3.jpg

How can I do this?

#2 · October 19, 2023, 11:42 am

@tilesoft please check these links:

Using neoPhp plugin:
https://visualneo.com/forum/topic/neophp-plugin-3-4

Using Palamar plugin:
https://visualneo.com/product/memupload1-0

Using acImageUploader plugin:
https://acplugins.com/vnweb/

Regards.

tilesoft has reacted to this post.

#3 · November 3, 2023, 5:14 am

Thank you sir.

I have another question, Is there any way upload image file to host with neophp and file input without any other plugin?

For example user select "my image.jpg" and when upload it, my web change name to "[day]image.jpg" and store this name to variable.

#4 · November 3, 2023, 8:50 am

@tilesoft yes, please read carefully the first link:

Using neoPhp plugin:
https://visualneo.com/forum/topic/neophp-plugin-3-4

tilesoft has reacted to this post.

#5 · November 3, 2023, 12:07 pm

Thanks, Its done.

The reason for my problem in uploading was using the old version of Fabric Plugin, which did not know about the possibility of base64Data. Thank you again.

luishp has reacted to this post.

#6 · November 13, 2023, 8:56 pm

Hi again. I have a problem with uploading image by fabric plugin. When image select by user and set it on a container to upload, Uploaded image is being crop. Watch it:

Uploaded files:

You need to login to have access to uploads.

#7 · November 14, 2023, 5:36 pm

@tilesoft it's almost imposible to understand what's happening in your application with such a few information.
Can you share please a minimal sample with the problem you describe?
Thank you!

#8 · November 14, 2023, 6:18 pm

Sure. Here you are.

Uploaded files:

You need to login to have access to uploads.

#9 · November 14, 2023, 6:48 pm

@tilesoft you just need to be sure the image fits the Container. If the image is bigger it will be cropped.
So be sure to resize the image to fit the Container (fabScaleToWidth and / or fabScaleToHeight) before saving it. You can also resize the Canvas to the size of the loaded image (fabLoadMainImage)

Regards.

#10 · November 14, 2023, 7:01 pm

Can you help to write code for it?

Thanks

#11 · November 17, 2023, 8:57 am

@tilesoft please check the attached sample.

Uploaded files:

You need to login to have access to uploads.

tilesoft and javadrajabihakami have reacted to this post.

#12 · November 23, 2023, 4:35 am

Thanks @luishp ! It works.

#13 · December 17, 2023, 12:38 am

Dear @luishp, Hello again.

I use that script you wrote above to upload image but when I upload a SVG file to host, The browser says:

This page contains the following errors:

error on line 1 at column 1: Encoding error

Below is a rendering of the page up to the first error.

I set svg in config,php.

#14 · December 17, 2023, 6:33 pm

@tilesoft I have no idea about how you are trying to upload your file to the server.
If you are encoding your content to Base64 and you have added the permissions in config.php you should be able to upload whatever file you want.
Regards.

Upload multi image by user - Forum

Upload multi image by user

This page contains the following errors:

Below is a rendering of the page up to the first error.

This page contains the following errors:

Below is a rendering of the page up to the first error.