Это видео недоступно.
Сожалеем об этом.

How To Upload Images With Django - Django Blog #26

Поделиться
HTML-код
  • Опубликовано: 22 июн 2020
  • In this video I'll show you how to upload images using Django.
    We'll set up the ability to upload a header image for each blog post. Uploading images with Django is pretty simple, we need to add a field to our database model, then make a quick change to our settings.py file, and our original urls.py file. Then tweak our blog post form, and the blog post page itself.

Комментарии • 201

  • @Codemycom
    @Codemycom  4 года назад +4

    ▶️ Watch Entire Django Blog Playlist ✅ Subscribe To My RUclips Channel:
    bit.ly/3bWN6wj bit.ly/2IGzvOR
    ▶️ See More At: ✅ Join My Facebook Group:
    Codemy.com bit.ly/2GFmOBz
    ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt!
    Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN

    • @Talhakhhaan
      @Talhakhhaan 3 года назад

      Can you share the code?

    • @Codemycom
      @Codemycom  3 года назад +4

      @@Talhakhhaan github.com/flatplanet/djangoblog

    • @ulearnacademy5866
      @ulearnacademy5866 3 года назад

      @@Codemycom Thank you so much for this

    • @Codemycom
      @Codemycom  3 года назад

      @@ulearnacademy5866 welcome!

  • @jimmyopot1972
    @jimmyopot1972 3 года назад +10

    dear sir, this is 2021 and for some reason, static files with Django give me a lot of headaches...this video has literally helped me understand it, thank you so much.

  • @nyikongwenya9934
    @nyikongwenya9934 3 года назад +14

    Hi , can you please show to upload several images . Great videos

  • @kelvinmacharia3715
    @kelvinmacharia3715 Год назад +1

    Being looking forward to this tutorial and so I had to upload my face to make feel even better🤣🤣

  • @jlyricks
    @jlyricks 3 года назад +1

    Hello @Codemy i just wanted to said thank you for your very good tutorial. i was in a very difficult situation and it help me. (excuse for my bad english. i'm Francophone)

  • @prathvisingh8288
    @prathvisingh8288 3 года назад +1

    Thanks a million man...I was struggling for hours to achieve this!

  • @NOTHING-en2ue
    @NOTHING-en2ue Год назад

    i was searching for this tutorial thanks a lot

  • @sithuhtun3609
    @sithuhtun3609 3 года назад +1

    John, your tutorials are awesome!

    • @Codemycom
      @Codemycom  3 года назад +1

      Glad you like them!

  • @golammuhaimeen2825
    @golammuhaimeen2825 2 года назад

    thank you so much for this amazing video! seriously. I had to watch 3-4 other trash ones before coming across this one. perfectly explained fam!

  • @sandipsky8756
    @sandipsky8756 4 года назад +1

    really awesome and helpful. love to see more django projects tutorials in the future ❤❤

  • @vivekshotti
    @vivekshotti 3 года назад +1

    hey, codemy (john elder), your django course is lit. Thank you.

  • @protozvezda
    @protozvezda 2 года назад

    That was awesome! What is more important - it worked for me!
    Liked and Subscribed!

  • @stevemulcahy5014
    @stevemulcahy5014 Год назад

    This is great! What is the best way to handle multiple images though? I don't really want to restrict the amount of images, but kind of hate hard coding in image1...image4 in my posts model.
    One other thing I've been using is imagekit to resize the image to something web friendlier and even for the header image to make a banner image. I'm a devops engineer (with a history of ops rather than dev) and your videos are helping me understand - and be inspired by - django and Python.

  • @hemalpatel3770
    @hemalpatel3770 3 года назад

    straight to point & into the brain thanks man!

  • @zantron702
    @zantron702 4 года назад

    The app is already awesome. Would be a nice feature to have a comment section for blog entries.

    • @Codemycom
      @Codemycom  4 года назад

      Will likely do comments in the future

  • @fajar3972
    @fajar3972 3 года назад +1

    Good explanation, so easy to understand. Thank you so much sir :D

  • @anusri1886
    @anusri1886 3 года назад

    easy to understand. Awesome tutorial

  • @sagarchoubey8653
    @sagarchoubey8653 2 года назад +1

    General Feedback: It would be better to show the function through which the template is called where you were displaying the form.

  • @963seeker
    @963seeker Год назад

    Chatgpt couldn't solve this for me, thank you!

  • @kaushalniroula4129
    @kaushalniroula4129 4 года назад

    Thanks....it worked...finally...due to you....I was quite stuck

  • @azarsirdash
    @azarsirdash 3 года назад +2

    thank you for the video,
    I watched and applied step by step
    ,
    but the picture doesn't save from the form in templated
    but in the admin page can save image and finally .
    The solution:
    add request.FILES in the views.py file. in place form = CreatePostForm (request.POST)

    • @beardtreasure
      @beardtreasure 3 года назад

      Wish you good health, creative inspiration, of your professional plans, and all personal desires and dreams.

  • @naseathsaly
    @naseathsaly 3 года назад

    Thanks you it save my time

  • @ufukcicek9976
    @ufukcicek9976 11 месяцев назад

    Hello,
    I also use Editorjs in my project.
    But I have a problem, I can save images and files in the editor in my local, but when I deeploy the project, I get an error. It says it can't find the file. I searched a lot but couldn't find a solution.
    Do you have any idea about this topic?

  • @CesarBArts
    @CesarBArts 2 года назад

    I don't know why, but i can use post.image.url in django template only if i put IF statement before my

  • @viswamberprasad9418
    @viswamberprasad9418 3 года назад +4

    I was coding along with this video,but for some reason,my image wouldnt be uploaded in Django.
    when i checkd in the admin section,it always showed 'no files chosen',i checked every line of code again,rewatched the video,but couldnt get around the error,later after surfing the net for a while,i have found the solution.
    If you are facing the same error,then please change your views.py file
    when you create an instance of the form in your views.py file,accept it as
    form=ExampleForm(request.POST,request.FILES)
    the request.FILES is important.
    John kindly pin this comment,or add a comment yourself,to help those who are scratching their heads,trying to solve this issue,like I did

    •  3 года назад +1

      Thanks for your sharing solution, much appreciated

    • @kaykwame7629
      @kaykwame7629 3 года назад +1

      Thank you for sharing I was having the same problem.

    • @talhaeser2840
      @talhaeser2840 3 года назад +1

      thank you so much

    • @the_proton_guy
      @the_proton_guy 2 года назад +1

      My God! You just brought me out of my misery. Thank you soo much

  • @sergey5551
    @sergey5551 3 года назад

    good tutorial

  • @victorsova7045
    @victorsova7045 3 года назад

    You are the best

  • @DanielGutierrez3007
    @DanielGutierrez3007 2 года назад

    Danr bro, you are keeping me the star at work.

  • @donnewquist6990
    @donnewquist6990 3 года назад +1

    You're the coolest nerd I never met...

  • @zinlinhtun1510
    @zinlinhtun1510 4 года назад +2

    hello sir, if possible, Please share how to upload multiple images to our blog post...

  • @MariusOdobasa
    @MariusOdobasa 4 года назад

    I managed to understand Django thanks to you!

  • @colonnaden
    @colonnaden 3 года назад +3

    This video would have been perfect.... Only if you had showed the view where you did request. FILES

  • @chelseafan2893
    @chelseafan2893 3 года назад +2

    how to upload multiple images using one button only?

  • @gamehamster9379
    @gamehamster9379 3 года назад +1

    Спасибо тебе, мужик!

  • @Ian-bb7vv
    @Ian-bb7vv 2 года назад +3

    hey John, thank you for all the wonderful videos that you made, i really benefit a lot from them. But i think whren you are going to do the code in views.py, you need to use
    form = whateverform(request.POST, request.FILES) instead of just rquest.POSTright?

    • @Codemycom
      @Codemycom  2 года назад +1

      what makes you say that?

    • @Ian-bb7vv
      @Ian-bb7vv 2 года назад

      im thinking maybe the request.POST does not include image files? BTW im sending .jpg files in this project.

    • @Ian-bb7vv
      @Ian-bb7vv 2 года назад

      im still learning so not sure why that is happening though

    • @jeanpaulrodriguezflores2398
      @jeanpaulrodriguezflores2398 Год назад

      U are rigth man u need to ruse request.POST and request.FILES. I was struggling a lot with these

  • @City__Walker
    @City__Walker Год назад

    I have problem how add multiple upload images functionality in this example

  • @pierrelesage1535
    @pierrelesage1535 2 года назад

    thanks John!

  • @haimeiwang742
    @haimeiwang742 3 года назад

    Very helpful. Thanks a lot!

  • @lckhndleup
    @lckhndleup Год назад

    thank you so much . ıt solved my problems

  • @sherryjoseph7571
    @sherryjoseph7571 3 года назад

    awesome video - really helped me out!

  • @samucancld
    @samucancld 2 года назад

    Gracias dolape

  • @robh9184
    @robh9184 4 года назад

    Nice one John! This is a useful tool

    • @Codemycom
      @Codemycom  4 года назад

      Thanks! Glad you like it!

  • @animeshsingh4290
    @animeshsingh4290 3 года назад +3

    Quick Solution for anyone who is able to upload the file in the form but the image does not show up. In your views.py, whatever functions is handling the form validity. Add request.FILES to the form for it to work.
    def create(request):
    if request.method == 'POST':
    form = listingForm(request.POST, request.FILES)
    ....

  • @x-tremeprogrammer
    @x-tremeprogrammer Год назад +1

    What about multiple images??

  • @rangabharath4253
    @rangabharath4253 4 года назад

    Awesome as always

  • @GabrielRPalma
    @GabrielRPalma 4 года назад

    Thanks very much for your videos !

  • @nami_academy2024
    @nami_academy2024 2 года назад

    am having this error Exception Value:
    The 'header_image' attribute has no file associated with it.

  • @jiffylab
    @jiffylab 2 года назад

    Hi! This truly helped a lot. However, when I updated my blog and cleared the image then try to update the blog again with another photo, it won't accept it anymore. Any idea how to fix that? Thanks.

  • @abdullahhazari918
    @abdullahhazari918 3 года назад

    I have some problem. When im creating post and add photo everythink is fine. But when i delete photo (using form) and after that trying to add it again photo does not come back. Its work by admin section but not from form. Can you help me sir.

  • @the_proton_guy
    @the_proton_guy 2 года назад

    I have watched this tutorial a dozen times at this point. I have followed each step but the images do not seem to be uploading to the database. I need help!!

    • @Codemycom
      @Codemycom  2 года назад

      Don't know what to tell you...you skipped something.

  • @GreyEyedAthena
    @GreyEyedAthena Год назад

    thank you

  • @jakespeers6835
    @jakespeers6835 3 года назад

    Hey John, I'm a member on your site but oddly enough didn't see this series there! Anyway, great series, but was wondering if theres any chance you can make a video showing how to automatically upload photos to AWS S3 or some other NGINX host for production sites? Would help a lot! Thanks!

  • @fatemeakrami8216
    @fatemeakrami8216 3 года назад

    thanks for your helpful video , but where can I see the view of these post adding (specially the image adding ) ??

  • @manavprajapati1469
    @manavprajapati1469 3 года назад

    what if user not upload image , if we want that user have to upload image , how to do it

  • @amponsahclinton7624
    @amponsahclinton7624 Год назад

    Hello sir how can I add the image selected to display on home.html

  • @rahamanhabib1347
    @rahamanhabib1347 4 года назад

    As always Great!!!

  • @sandipsandal
    @sandipsandal 4 года назад

    hi! how can I upload image without using :- forms.py and and their function
    I simply create a signup form using html
    and I create extra model: and add in contact and image file (in User detail)
    but contact save in User db but image not being saved.....
    any suggestions for me
    Help me

  • @dradrigapatrick
    @dradrigapatrick 3 года назад

    Very great!!

  • @shawnbeans7389
    @shawnbeans7389 3 года назад +1

    Images, I like images...

  • @TechWithSabri
    @TechWithSabri 2 года назад

    Hi Sir;
    I hope you are doing very well
    first of all, thank you so much for:
    Time.
    Effort.
    Simplicity.
    Discipline.
    And when i'm watching your videos, a question came to my mind:
    Why you don't use an editor like PyCharm or Visual Studio.
    What is special for Sublime text?
    Again, thank you.
    I will text you when i finish this Tutorial
    We love you

    • @Codemycom
      @Codemycom  2 года назад +1

      Sublime text is free, easy to use, requires no configuration, and always works. Those other tools don't always work, require configuration, and can be impossible for newer coders to figure out.

  • @pandurangasharmaramaka
    @pandurangasharmaramaka 2 года назад

    Thank you John! I am learning Django from your videos in my 53 years of age though I am teacher in Telugu (a South Indian language) with 'zero' knowledge in computers.
    The posts without image are showing message
    " The 'header_image' attribute has no file associated with it. " Can you suggest please.

    • @pandurangasharmaramaka
      @pandurangasharmaramaka 2 года назад

      Thank you John,
      I found solution!!! tried the bellow one --
      {% if post.header_image %}

      {% endif%}

  • @robertochieng8115
    @robertochieng8115 3 года назад

    Thank you Big Bro

  • @momothiam
    @momothiam 4 года назад

    Hi, I can add picture directly from the blog app but it doesn't show the file on my admin page. but when I do the reverse, I get the picture on the blog post app. Can you help me plz. I like the way you explain things(straight to the point and clear).

    • @Codemycom
      @Codemycom  4 года назад

      Sorry I'm not really sure what you mean. Did you add the model to the admin area?

    • @momothiam
      @momothiam 4 года назад

      @@Codemycom Yes I did. I followed all the steps one by one but I am getting this error msg.
      File "C:\Users\......\mysite\lib\site-packages\django\db\models\fields\files.py", line 38, in _require_file
      raise ValueError("The '%s' attribute has no file associated with it." % self.field.name)
      ValueError: The 'header_image' attribute has no file associated with it.
      [23/Aug/2020 16:30:46] "GET /post/28/ HTTP/1.1" 500 161540

    • @momothiam
      @momothiam 4 года назад

      @@Codemycom The error happens when I try to add the image src onto my post_detail.html templates.
      this is how I have it formulated:
      I did add the model to the admin area.
      from django.contrib import admin
      from .models import Post, Comment
      # Register your models here.
      admin.site.register(Post)
      admin.site.register(Comment)

  • @fabiof.deaquino4731
    @fabiof.deaquino4731 4 года назад

    Thanks again and time again :)

    • @Codemycom
      @Codemycom  4 года назад

      Glad you're enjoying them!

  • @stelity
    @stelity 3 года назад

    what if you don't want to use {{ form.as_p }} and want to do a custom form? What would you type in the html and views.py?

    • @PhillyEastSide
      @PhillyEastSide 3 года назад

      Hey, not sure if you have found a way around it yet. But I had a similar issue and I fixed it by doing the following in my .HTML template file:
      Title of route:{{ form.title }}
      Tags:{{ form.title_tag }}
      Country where crag/route can be found: {{ form.country }}
      Climbing grade(French system):{{ form.grades }}
      Route guide/Beta:{{ form.body }}
      I am building a blog for rock climbing and I wanted to add a bit more explanation for the required fields. so instead of calling {{form.as_p}} you just use {{form.x}} (x being = whatever you called the 'field' in your forms.py). You will just have to make sure you use the correct field name you used and create the form field by field.
      If there is an easier way around this, Please let me know! I am still quite new to the Dev game.

  • @evelynhernandez5564
    @evelynhernandez5564 3 года назад

    Hi Jhon. Thanks for your amazing tutorials. I have no problem when i try to upload the image, but when i try to modify on the 'updated post' page nothing happen. Thanks a lot

    • @Codemycom
      @Codemycom  3 года назад

      Hm, weird. Typo in the code somewhere

  • @ignacioheim8637
    @ignacioheim8637 3 года назад

    I am trying to use the media object Bootstrap like:
    But it doesnt work. Someone could use it?
    Thanks so mucho for these tutorials!! Greetings from Argentina!

  • @harshvardhanp6184
    @harshvardhanp6184 3 года назад

    Thanks bro.... 👍👍👍

  • @FarhanAhmed1360
    @FarhanAhmed1360 3 года назад +1

    I exactly following your tutorial step by step and now getting this error "The header_image attribute has no file associated with it

    • @FarhanAhmed1360
      @FarhanAhmed1360 3 года назад +1

      The problems gone after delete old post

    • @mrbuslov
      @mrbuslov 3 года назад +1

      @@FarhanAhmed1360 Oh GOD, thanks you for this solution! I've been solving this problem for 2 days! You really helped me

  • @erikonomics1400
    @erikonomics1400 3 года назад

    Hey, great video! I keep getting the following error:
    The 'header_image' attribute has no file associated with it.
    The image is displayed normally on the post where it was uploaded but displays when clicking on other blog posts that do not yet have the image. I made sure to add null, and blank = True in the models.py and if {% post.header_image %} in details.html. Any ideas what else could be causing trouble? Thanks!

    • @waseksamin3216
      @waseksamin3216 3 года назад

      YOu have to type {{ post.header_image.url }}

  • @killcam8071
    @killcam8071 2 года назад

    yes

  • @Matrix-Glitchs
    @Matrix-Glitchs 3 года назад

    6:51 April Dog Shit LMAO

  • @akashbhalotia317
    @akashbhalotia317 3 года назад

    Thanks man.

  • @benabdallahrahma8245
    @benabdallahrahma8245 3 года назад

    please i want to save my images in a mongodb database i tried with GridFSStorage but i didn't get any result could you please help me and thank you for your content it's really helpful.

    • @Codemycom
      @Codemycom  3 года назад +1

      Sorry, I don't have any videos on Mongo

  • @anthonyfortunes5136
    @anthonyfortunes5136 3 года назад

    What if u want to use url field instead of image field. is it the same process?

  • @francineamberfortes4138
    @francineamberfortes4138 3 года назад

    what if multiple image?

  • @doneeverything5410
    @doneeverything5410 4 года назад +1

    Make a tutorial on how to upload video like this uploading images ...

    • @Codemycom
      @Codemycom  4 года назад

      Might do that, but no one uploads video to their own website...you host that stuff on youtube or vimeo or some other service...

    • @deki90to
      @deki90to 4 года назад

      Just use google, it's very simular

    • @doneeverything5410
      @doneeverything5410 4 года назад

      @@Codemycom sif if someone wants to make video sharing website ... by the way I loved your content

  • @graceyudha
    @graceyudha 4 года назад

    can we upload directly from our local machine using ckeditor uploading richtext?

    • @Codemycom
      @Codemycom  4 года назад

      Sorry, don't know what you mean.

  • @jakobfredriksson2272
    @jakobfredriksson2272 4 года назад

    At 13:00 I felt like John Carmack because I noticed it earlier in the video.

  • @toluwanimiadeyemo8099
    @toluwanimiadeyemo8099 4 года назад

    Great video
    I tried uploading a video file
    It's giving me some challenge

    • @Codemycom
      @Codemycom  4 года назад

      yeah video is tricky

  • @amargupta8881
    @amargupta8881 3 года назад

    Saved My Life :-)

    • @Codemycom
      @Codemycom  3 года назад +1

      Glad to be helpful!

  • @silaskanku7377
    @silaskanku7377 2 года назад

    Hi Codemy
    i have code error : NameError: name 'os' is not defined
    I tried to "import os" in the sesttings.py but its still no working. May you please help.

    • @Codemycom
      @Codemycom  2 года назад

      What did you do differently from the video?

    • @silaskanku7377
      @silaskanku7377 2 года назад

      @@Codemycom Now it's working
      i'm following exactly what you did. However I just had to add "import os" inside settings.py file, then add BASE_DIR = Path(__file__).resolve().parent.parent instead of BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
      I googled it actually

  • @meditationmusic5934
    @meditationmusic5934 3 года назад

    how to update blog images???

  • @solomonkassahun7845
    @solomonkassahun7845 3 года назад

    Awesome tutorial but when I try it on I got even the URL for the image but it does not display it on the browser. I tried it even for uploading video files but same does not display on browsor. I may need little help here 😃 ...thank you

    • @Codemycom
      @Codemycom  3 года назад

      Check your code for typos

    • @fajar3972
      @fajar3972 3 года назад

      have you missed the url text in code ? like {{context.attr.url}}

  • @adityarajora7219
    @adityarajora7219 3 года назад

    uploaded is found to NULL ....please solve this problem.

  • @musabmohammed7973
    @musabmohammed7973 2 года назад

    I am searching for a way to detect ID card.

  • @josephdoneecagampang3007
    @josephdoneecagampang3007 3 года назад

    Good day sir, I watched your video over and over again, still my media folder/directory doesn't appear. When I go to the django admin, it shows the image file name, but when I click on it, it says "'...\media\FB_IMG.jpg' does not exist". How can I solve this sir? Please notice me

    • @Codemycom
      @Codemycom  3 года назад +1

      Add this to your settings.py file: import os

    • @dradrigapatrick
      @dradrigapatrick 3 года назад +1

      I think the new version of django doesnt use os.path() anymore bacuase when i use it, i get the same error,
      use this and see
      MEDIA_URL = '/media/'
      MEDIA_ROOT = BASE_DIR / 'media'
      STATICFILES_DIRS = (
      BASE_DIR / 'static',
      )
      and in url.py (root) use this option
      if settings.DEBUG: # new
      urlpatterns += static(settings.MEDIA_URL,
      document_root=settings.MEDIA_ROOT)
      instead of adding a + infront of the existing urlpatterns . Its same thing but when i used it, i ran into a crsf_token error.
      Hope this helps out.
      Otherwise the best

    • @Codemycom
      @Codemycom  3 года назад +1

      @@dradrigapatrick it doesn't. you need to add this to your settings.py file:
      import os

    • @dradrigapatrick
      @dradrigapatrick 3 года назад

      Codemy.com Mine works well without import os

  • @solkidonakis5407
    @solkidonakis5407 2 года назад

    can i use this for an api?

  • @sametdemir3961
    @sametdemir3961 4 года назад

    will you make comment section? thanks for the video!

  • @anonone9779
    @anonone9779 3 года назад

    How to upload multiple files sir

  • @jagadeeshmandala4097
    @jagadeeshmandala4097 3 года назад

    Can i get github link

  • @aaronapm53
    @aaronapm53 2 года назад +2

    pelao water white

    • @zanz8166
      @zanz8166 2 года назад

      este kree k uno e loji el caeza e hueo y la ktm

    • @Codemycom
      @Codemycom  2 года назад

      Ha

  • @rahulagarwal5694
    @rahulagarwal5694 4 года назад

    great video
    can you make a video related to tags using Django-taggit

    • @Codemycom
      @Codemycom  4 года назад

      I've never used that, sorry

  • @gouthamgoutham7640
    @gouthamgoutham7640 3 года назад

    Sir do a video on uploding videos

    • @Codemycom
      @Codemycom  3 года назад

      Probably won't. You wouldn't ever do that, you'd use a service like vimeo or something to host video.

  • @mathoernsche
    @mathoernsche 3 года назад

    the doggies

  • @cimihan4816
    @cimihan4816 4 года назад

    make a video on posting comments on blogs

  • @maihuire11
    @maihuire11 3 года назад

    os is not defined.

    • @Codemycom
      @Codemycom  3 года назад

      In your settings.py file, type: import os

    • @maihuire11
      @maihuire11 3 года назад

      @@Codemycom Excellent, I already corrected it. thank you.

  • @derekkroeker4582
    @derekkroeker4582 2 года назад

    Django 3.2 looks different 8:58

    • @derekkroeker4582
      @derekkroeker4582 2 года назад

      BASE_DIR = Path(__file__).resolve().parent.parent

    • @Codemycom
      @Codemycom  2 года назад

      @@derekkroeker4582 just add: import os to your settings.py file

  • @uzbegimuz3836
    @uzbegimuz3836 3 года назад

    Are they your own dogs

  • @liviumircea6905
    @liviumircea6905 3 года назад

    media ,static files configuration blah blah real pain in the ass