猫でもわかるWebプログラミング

試行錯誤しながらエンジニア(プログラマー)として働く猫のブログ。技術的な話や、働き方の話、読書録とか、試行錯誤している日常の話。

DjangoのHttpRequestからアップロードされたファイルを受け取る

f:id:yoshiki_utakata:20181004212834j:plain

クライアント

Vue and Axios

      let formData = new FormData();

      for (const filename in this.files) {
        formData.append(filename, this.files[filename].getFile())
      }
      axios.post('/upload', formData, {
        headers: {
          'content-type': 'multipart/form-data'
        }
      })

サーバー

Django

class UploadView(View):

    def post(self, request: HttpRequest, *args, **kwargs):
        for key, value in request.FILES.items():
            print(key)
            print(value)

現場で使える Django の教科書《基礎編》

現場で使える Django の教科書《基礎編》