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
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.
@@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!
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.
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 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.
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.
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!
Este men así y todo con su acento de gitano me salvó la vida en tiempos de pandemia, muchas gracias
This is a great job. Simple and clear. Very helpful. Thanks!
My pleasure!
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
thanks a lot i love your tutorial because you describe every thing from the basics very good
Great! With help of your video I succeeded to include Jquery file upload on my page
Amazing, glad you made it! Thank you!
What a great tutorial, much clear and simple.
Thank you very much. Absolutely clear!👍
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.
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
Coding passive income! You're the man. Keep up the good work man.
thank you :)
How can I register files in the database(MySQL) and then show these files on my page?
thanks man your tuts are easy to understand love it :)
thank you :)
Could you add remove button on each photo?
does jquery.fileupload.js file require an admin access or it can be accessed by any user?
Very helpful - thanks!
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.
Thank you . This tutorial came through for me
Glad I could help :)
awesome work, How can i pass extra parameters/data
to the php file
Thanks very much
My pleasure!
I need to send selected files to .net web api how should I send ..?
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?
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! :)
Always The Best , i Love You Bro ♥♥
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?
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 :)
thanks for useful tutorial.... but how to delete the selected imaGE
Thank you. You can use unlink() function in PHP.
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?
Thanks i like you tutorials please keep going ....
Awesome, I am so happy that I could help you. Will do it! :)
Thank you my friend
Very nice work! I like it...
Aveling Lessner Garcia R. Thank you so much. Appreciate the support. :D
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.
Thanks for your help.
thank you :)
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 :)
Nice work Senaid! Keep going! :)
Luis Ramos Thank you. Appreciate the support. :)
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. :)
thank you, this was really helpful :)
youre the best love you sooo sooo sooo much
thank you!
after add file still show no file chose why is that.
nice work man
tanmay mathur Thank you. Please, let me know if there is anything else that I can help you with. :)
Znaci nista node.js ovo-ono? ;)
Dragi php. :)
Trenutno ne :)
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.
.You are great man
Good work
Thank you :)
thank you :)
Keep up the good work, luve it!
***** Thank you so much! Appreciate the support. :D
good job dude.
thank you :)
I need as it is how it was in github or mainsite
Thank you so much! :) God bless
Mark Glenn Nopra It's my pleasure! Thank you. :)
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 ...
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.
wow that was a awesome tutorial
Thank 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.
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
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.
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.
thx
Thank you....
thank you :)
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
How to do this with a submit button?
Here you go: ruclips.net/video/O4MDyzhSY7Y/видео.html
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. :)
Thank you very rescued
thank you :)
thanks bro
thank you :)
nice job tanks
thank you :)
al kidas sa naglaskom :D
Hehe, a šta ću, na to ne mogu uticati. :)
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?
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?
This guy has a funny voice
John Dow Hehe, yeah, I agree. Like a small girl? :P
where is drag and drop
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.
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.
Адская верстка.