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

本業エンジニアリングマネージャー。副業Webエンジニア。Web開発のヒントや、副業、日常生活のことを書きます。

2019-01-14

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)