This isn't really a good tutorial because it basically tells you how to use someone else's code, whether you understand it or not, and just use their library. I appreciate your time but it fails where it's meant to be helpful and useful. How do you upload a file with jQuery? Just download a plugin.Bad advice. PS: I did not give you a thumbs down because I still appreciate your time.
Good tutorial. Whenever you have time, a video for deleting uploaded images (should the user change his mind about the uploaded file) would also be quite helpful
@@SenaidBacinovic All the codes are working very fine, except one code function which is .on('fileuploadprogressall',function(e, data){}, I solved that using: done: function(e, data){ console.log(data);} inside $$("#fileupload").fileupload(). Best Regards for you brother, Keep it up you are awesome!
hello nice tutorial. I am very new to php and programing. I couldn't find the responseJSON while inspecting console instead of JSON it shows responseText but its not previewing image and file exists and file uploaded text.
excuse me sir, u havent demonstrate the method of uploading file path to database by using the previous tutorial u have uploaded, and can u upload the new tutorial?
thanks a lot for the video. But i have a problem, fileuploaddone callback is not working. The file uploads to the server, but no callback.... Help please.
Don't see the point of having a file upload progress, unless the file size is more that 1 Mb in size and/or you are using dial up internet, but thanks for the info, can easily modify to do that
In this tutorial I show you how to upload files and get path to that file, now just store the path to the image in the database, there is no need to save entire image.
This isn't really a good tutorial because it basically tells you how to use someone else's code, whether you understand it or not, and just use their library. I appreciate your time but it fails where it's meant to be helpful and useful.
How do you upload a file with jQuery? Just download a plugin.Bad advice.
PS: I did not give you a thumbs down because I still appreciate your time.
Znaci nista node.js ovo-ono? ;)
Dragi php. :)
Trenutno ne :)
thx
Thanks very much
My pleasure!
Thank you very much. Absolutely clear!👍
I need to send selected files to .net web api how should I send ..?
Good tutorial. Whenever you have time, a video for deleting uploaded images (should the user change his mind about the uploaded file) would also be quite helpful
I love that you did everything from scratch ... no libraries... no abstractions to the Metal. You just earned a Subscribe my friend and thank you .
It's my pleasure, thank you so much.
What's up! THX for the tutorial!
But How I can submit whole multiple files instead of each file alone???
I need to submit the package of multiple files after client-side image resizing
youre the best love you sooo sooo sooo much
thank you!
after add file still show no file chose why is that.
Very helpful - thanks!
Could you add remove button on each photo?
it did not work,i have gone over and over the video,i even downloaded the source code,my code didn't work.please help me out.here are my code
Allgospel
top download
recent upload
account
testimony
Drag and drop files..
$(function() {
var files = $("#files");
$("fileupload").fileupload({
url:'upload.php',
dropZone:'#dropZone',
dataType: 'json',
autoUpload: false
}).on('fileuploadadd', function(e, data){
var fileTypeAllowed = /.\.(mp4|3gp|avi|flv|mp3)$/i;
var fileName= data.originalFiles[0]['name'];
var fileSize= data.originalFiles[0]['size'];
if(!fileTypeAllowed.test(fileName))
$("#error").html('only video files are allowed!');
else if (fileSize > 5000000)
$("#error").html('Your file is too big! Max allowed size is: 500MB');
else {
$("#error").html("");
data.submit();
}
}).on('fileuploaddone', function(e, data){
var status = data.jqXHR.responseJSON.status;
var msg = data.jqXHR.responseJSON.msg;
if (status == 1) {
var path = data.jqXHR.responseJSON.path;
$("#files").fadeIn().append('');
} else
$("#error").html(msg);
}).on('fileupoadprogressall', function(e, data){
var progress = parseInt(data.loaded / data.total * 100, 10);
$("#progress").html("Completed: " + progress + "%");
});
});
Can you tell me what is not working for you?
Sir it was all good and you made it easy ... but you didn't demonstrate the drag and drop ... Which i was watching for ...
Please complete it.
Locate file on your PC, drag into drop area. Works here. Takes some additional coding to drag from website to website.
This is a great job. Simple and clear. Very helpful. Thanks!
My pleasure!
Great! With help of your video I succeeded to include Jquery file upload on my page
Amazing, glad you made it! Thank you!
Thank you my friend
thanks for useful tutorial.... but how to delete the selected imaGE
Thank you. You can use unlink() function in PHP.
I like your accent when you talk
Hehe, thank you :)
@@SenaidBacinovic All the codes are working very fine, except one code function which is
.on('fileuploadprogressall',function(e, data){},
I solved that using:
done: function(e, data){
console.log(data);} inside $$("#fileupload").fileupload().
Best Regards for you brother, Keep it up you are awesome!
@@SenaidBacinovic Drop Zone is working fine too.
hello nice tutorial. I am very new to php and programing. I couldn't find the responseJSON while inspecting console instead of JSON it shows responseText but its not previewing image and file exists and file uploaded text.
where is drag and drop
Coding passive income! You're the man. Keep up the good work man.
thank you :)
Адская верстка.
Thanks i like you tutorials please keep going ....
Awesome, I am so happy that I could help you. Will do it! :)
Thank you . This tutorial came through for me
Glad I could help :)
Nice Tutorial. Please, can you provide a guide for resumable uploading?
Thank you, definitely!
@@SenaidBacinovic please how can I use the function formData: function (form) { }. To send and also use form data at server side.
thanks man your tuts are easy to understand love it :)
thank you :)
.You are great man
Good work
Thank you :)
thank you :)
How can I register files in the database(MySQL) and then show these files on my page?
Thank you so much! :) God bless
Mark Glenn Nopra It's my pleasure! Thank you. :)
does jquery.fileupload.js file require an admin access or it can be accessed by any user?
thanks a lot i love your tutorial because you describe every thing from the basics very good
Very nice work! I like it...
Aveling Lessner Garcia R. Thank you so much. Appreciate the support. :D
Thanks for your help.
thank you :)
excuse me sir, u havent demonstrate the method of uploading file path to database by using the previous tutorial u have uploaded, and can u upload the new tutorial?
awesome work, How can i pass extra parameters/data
to the php file
This guy has a funny voice
John Dow Hehe, yeah, I agree. Like a small girl? :P
thank you, this was really helpful :)
Hello. How to send additional form data as id?
In the place where we specify URL, dataType, dropZone etc., you can also add for example:
formData: {
name: "Senaid B."
}
And how do you fetch this data in PHP?
What a great tutorial, much clear and simple.
Nice work Senaid! Keep going! :)
Luis Ramos Thank you. Appreciate the support. :)
Always The Best , i Love You Bro ♥♥
Thank you very rescued
thank you :)
Keep up the good work, luve it!
***** Thank you so much! Appreciate the support. :D
my responseJSON is not showing nothing, how can i solve this ?
never mind, it's work now. thanks for tutorial! awesome!
Awesome, glad you made it.
Este men así y todo con su acento de gitano me salvó la vida en tiempos de pandemia, muchas gracias
thanks a lot for the video. But i have a problem, fileuploaddone callback is not working. The file uploads to the server, but no callback.... Help please.
I'm having the same problem ... could you somehow resolve it by now?
Sir,
Please do a tutorial on how to upload multiple pdf files using ajax and insert it into MySQL database.
Thanks.
Files are not stored into the database ... The name is just stored ...
You are the best teacher i ever found in RUclips. Please continue uploading so interesting videos. Thank you for sharing the code!!!
Thank you, I will!
I need as it is how it was in github or mainsite
nice job tanks
thank you :)
nice work man
tanmay mathur Thank you. Please, let me know if there is anything else that I can help you with. :)
Don't see the point of having a file upload progress, unless the file size is more that 1 Mb in size and/or you are using dial up internet, but thanks for the info, can easily modify to do that
This is just an example, and like always, you need to optimize it for your needs. :)
thanks bro
thank you :)
good job dude.
thank you :)
al kidas sa naglaskom :D
Hehe, a šta ću, na to ne mogu uticati. :)
Thank you....
thank you :)
sir how to upload video having large size please reply soon I'm waiting.
What is the problem? The method that I showed should work without any problem if your server doesn't have file size limit.
It wont let me upload image with file size more than 2 mb even if I cooment out the validation for the file size
Make sure that your hosting doesn't have any limit.
please what is the best for the site we upload image to mysql or folder
hakim souhily Upload to the folder, and in DB save path to that file if you need it.
thank you very much our professor
hakim souhily thank you :)
hello again sir can i ask a code for a button upload on click before uploading it :)
Hmm, I am not sure that I understand what exactly you want to achieve, can you explain please?
Sir,
Can you make a video using PHP how to add a pdf file to a post and display it like google document viewer.
Thanks
Yes, I should be able. Will write it in my notes. :)
Thanks for the prompt reply and much appreciated. :)
14:39 You check the information in the object, but chrome developer tools shows nothing in the console.
Forget about it. I've forgot to give the fileupload id to the input field. Great Tutorial until now.
thank you :)
How to do this with a submit button?
Here you go: ruclips.net/video/O4MDyzhSY7Y/видео.html
wow that was a awesome tutorial
Thank you :)
drag and drop functionality is not working
Hmm, I can't be sure what is wrong until you show me your code. Can you paste it here?
why?
Is it possible to turn off the ambient music as this might confuse me to think that the neighbours are playing their music loud
It's not.
Coding Passive Income you mean you don’t hear it yet I can?
No, I hear it, and my team inserted it in the post-production. If you have some suggestion for better music, let me know. :)
Coding Passive Income the only suggestion is to leave it out, it’s distracting
excuse me, can u demonstrate how to upload the image files to database and display them?
Why would you upload images in database?
I need to know where the uploaded files are located as well as if adding a upload button to insert those files into database
In this tutorial I show you how to upload files and get path to that file, now just store the path to the image in the database, there is no need to save entire image.
@@SenaidBacinovic
excuse me sir, u havent demonstrate the method of uploading file path to database by using the previous tutorial u have uploaded
hi sir, how about if i uploaded it with description or any text ??
I am not sure that I understand this. Can you elaborate?
crud with image upload. i followed your crud tutorial then it gave's me a hard time to put an image upload
how can i make it with image upload ? some tutorial used form data.
Have you watched any of my videos related to image/file uploading?
Coding Passive Income thnks for your reply. I already solved it.
Very useful. It helps me to learn alternative way of file upload for my project. Thank you. Please keep it up.
Awesome, I am so happy that I could help you. Will do it! :)
How I can use from facebook profile plugin to upload images in laravel?
It's very hard to explain without knowing everything that you do so the best advice would be that you find some tutorial how to do it.
i love your work .hopefully you are willing to upload on subscribers demand.
Thank you! I am doing it all the time. :)