Django用户头像上传

╰+攻爆jí腚メ 2021-11-04 17:48 525阅读 0赞

## 1 将文件保存到服务器本地 ##

### upload.html ###

### urls.py ###

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>from</code> 
      <code>django.conf.urls </code> 
      <code>import</code> 
      <code>url</code> 
     </div> 
     <div> 
      <code>from</code> 
      <code>app01 </code> 
      <code>import</code> 
      <code>views</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>urlpatterns </code> 
      <code>=</code> 
      <code>[</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>url(r</code> 
      <code>'^upload'</code> 
      <code>,views.upload)</code> 
     </div> 
     <div> 
      <code>]</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

### views.py ###

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>from</code> 
      <code>django.shortcuts </code> 
      <code>import</code> 
      <code>render,HttpResponse</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>def</code> 
      <code>upload(request):</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>if</code> 
      <code>request.method </code> 
      <code>=</code> 
      <code>=</code> 
      <code>'POST'</code> 
      <code>:</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>name </code> 
      <code>=</code> 
      <code>request.POST.get(</code> 
      <code>'username'</code> 
      <code>)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>avatar </code> 
      <code>=</code> 
      <code>request.FILES.get(</code> 
      <code>'avatar'</code> 
      <code>)</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>with </code> 
      <code>open</code> 
      <code>(avatar.name,</code> 
      <code>'wb'</code> 
      <code>) as f:</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>for</code> 
      <code>line </code> 
      <code>in</code> 
      <code>avatar:</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>f.write(line)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>HttpResponse(</code> 
      <code>'ok'</code> 
      <code>)</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>render(request,</code> 
      <code>'upload.html'</code> 
      <code>)</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

### 总结 ###

这样，我们就做好了一个基本的文件上传小示例，这里需要注意的有几点：

1.  form表单里需要加上csrf\_token验证
2.  文件的input框的type的值为file
3.  在视图函数中获取文件要用request.FILES.get()方法
4.  通过obj.name可以获取文件的名字

## 2 将文件上传到数据库 ##

### models.py ###

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>from</code> 
      <code>django.db </code> 
      <code>import</code> 
      <code>models</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>class</code> 
      <code>User(models.Model):</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>username </code> 
      <code>=</code> 
      <code>models.CharField(max_length</code> 
      <code>=</code> 
      <code>16</code> 
      <code>)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>avatar </code> 
      <code>=</code> 
      <code>models.FileField(upload_to</code> 
      <code>=</code> 
      <code>'avatar'</code> 
      <code>)</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

### views.py ###

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>def</code> 
      <code>upload(request):</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>if</code> 
      <code>request.method </code> 
      <code>=</code> 
      <code>=</code> 
      <code>'POST'</code> 
      <code>:</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>name </code> 
      <code>=</code> 
      <code>request.POST.get(</code> 
      <code>'username'</code> 
      <code>)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>avatar </code> 
      <code>=</code> 
      <code>request.FILES.get(</code> 
      <code>'avatar'</code> 
      <code>)</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>models.User.objects.create(username</code> 
      <code>=</code> 
      <code>name,avatar</code> 
      <code>=</code> 
      <code>avatar)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>HttpResponse(</code> 
      <code>'ok'</code> 
      <code>)</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>render(request,</code> 
      <code>'upload.html'</code> 
      <code>)</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

### 总结 ###

上面已经实现了将文件上传到数据库的功能，需要注意的有几点：

1.  所谓的上传到数据库，不是讲图片本身或者二进制码放在数据库，实际上也是将文件上传到服务器本地，数据库只是存了一个文件的路径，这样用户要调用文件的时候就可以通过路径去服务器指定的位置找了
2.  创建ORM的时候，avatar字段要有一个upload\_to=''的属性，指定上传后的文件放在哪里
3.  往数据库添加的时候，文件字段属性赋值跟普通字段在形式上是一样的，如：models.User.objects.create(username=name,avatar=avatar)
4.  如果有两个用户上传的文件名重复，系统会自动将文件改名，效果如下：

![1299859-20180414110825961-1703053966.png][]

### 附加 ###

功能我们是实现了，看起来我们在调用文件的时候，只需要通过数据库文件路径已经保存的文件本身就可以访问图片，让它出现在网页上，其实并不是这样，

我们需要配置一些东西，django才可以找的到，不然的话就会过不了urls验证，而我们之所以可以直接访问static里的静态文件，是因为django已经帮我们配置好了。

![1299859-20180414111624444-422088770.png][]

配置步骤如下：

1、在站点的setting.py里配置

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>MEDIA_ROOT</code> 
      <code>=</code> 
      <code>os.path.join(BASE_DIR,</code> 
      <code>"blog"</code> 
      <code>,</code> 
      <code>"media"</code> 
      <code>)&nbsp; </code> 
      <code>#blog是项目名，media是约定成俗的文件夹名</code> 
     </div> 
     <div> 
      <code>MEDIA_URL</code> 
      <code>=</code> 
      <code>"/media/"</code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <code># 跟STATIC_URL类似，指定用户可以通过这个路径找到文件</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

2、在urls.py里配置

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>from</code> 
      <code>django.views.static </code> 
      <code>import</code> 
      <code>serve</code> 
     </div> 
     <div> 
      <code>from</code> 
      <code>upload </code> 
      <code>import</code> 
      <code>settings&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code> 
      <code>#upload是站点名</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>url(r</code> 
      <code>'^media/(?P&lt;path&gt;.*)$'</code> 
      <code>, serve, { </code> 
      <code>'document_root'</code> 
      <code>: settings.MEDIA_ROOT}),</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

配置完后，就可以通过http://127.0.0.1:8001/media/milk.png访问到图片了

##  3 用AJAX提交文件 ##

### upload.html ###

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>formdata.append(</code> 
      <code>"csrfmiddlewaretoken"</code> 
      <code>,$(</code> 
      <code>"[name='csrfmiddlewaretoken']"</code> 
      <code>).val()); &lt;br&gt;&nbsp;&nbsp;&nbsp; $.ajax({&lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; processData:false,&lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; contentType:false, &lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url:</code> 
      <code>'/upload'</code> 
      <code>, &lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code> 
      <code>type</code> 
      <code>:</code> 
      <code>'post'</code> 
      <code>, &lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data:formdata, &lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; success:function (arg) { &lt;br&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code> 
      <code>if</code> 
      <code>(arg.state </code> 
      <code>=</code> 
      <code>=</code> 
      <code>1</code> 
      <code>){ alert(</code> 
      <code>'成功！'</code> 
      <code>) }</code> 
      <code>else</code> 
      <code>{ alert(</code> 
      <code>'失败！'</code> 
      <code>) } } }) });&lt;br&gt; &lt;</code> 
      <code>/</code> 
      <code>script&gt; &lt;</code> 
      <code>/</code> 
      <code>body&gt; &lt;</code> 
      <code>/</code> 
      <code>html&gt;</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

### views.py ###

### 总结 ###

1.  Ajax上传的时候，按钮的tpye一定不要用submit
2.  Ajax上传的时候data参数的值不再是一个普通‘字典’类型的值，而是一个FormData对像
    
     *  创建对象formdata = new FormData();
     *  往里面添加值formdata.append('username',$('\#name-input').val());
3.  Ajax在做post提交的时候要加上csrf验证
    
     *  formdata.append("csrfmiddlewaretoken",$("\[name='csrfmiddlewaretoken'\]").val());
4.  最后，Ajax上传文件的时候要有两个参数设置

*   *  processData:false
     *  contentType:false

## 4 上传图片文件的时候有预览功能 ##

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>&lt;!DOCTYPE html&gt;</code> 
     </div> 
     <div> 
      <code>&lt;html lang</code> 
      <code>=</code> 
      <code>"en"</code> 
      <code>&gt;</code> 
     </div> 
     <div> 
      <code>&lt;head&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;meta charset</code> 
      <code>=</code> 
      <code>"UTF-8"</code> 
      <code>&gt;</code> 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>/</code> 
      <code>head&gt;</code> 
     </div> 
     <div> 
      <code>&lt;body&gt;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&lt;form&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;!</code> 
      <code>-</code> 
      <code>-</code> 
      <code>-</code> 
      <code>-</code> 
      <code>用一个label标签将上传文件输入框跟图片绑定一起，</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>点击图片的时候就相当于点击了上传文件的按钮</code> 
      <code>-</code> 
      <code>-</code> 
      <code>-</code> 
      <code>-</code> 
      <code>&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;label&gt;&lt;img </code> 
      <code>id</code> 
      <code>=</code> 
      <code>"avatar-img"</code> 
      <code>src</code> 
      <code>=</code> 
      <code>"/static/img/default.png"</code> 
      <code>width</code> 
      <code>=</code> 
      <code>"80px"</code> 
      <code>height</code> 
      <code>=</code> 
      <code>"80px"</code> 
      <code>&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;div&gt;头像&lt;</code> 
      <code>input</code> 
      <code>id</code> 
      <code>=</code> 
      <code>"avatar-input"</code> 
      <code>hidden </code> 
      <code>type</code> 
      <code>=</code> 
      <code>"file"</code> 
      <code>&gt;&lt;</code> 
      <code>/</code> 
      <code>div&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>/</code> 
      <code>label&gt;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>input</code> 
      <code>id</code> 
      <code>=</code> 
      <code>"submit-btn"</code> 
      <code>type</code> 
      <code>=</code> 
      <code>"button"</code> 
      <code>value</code> 
      <code>=</code> 
      <code>"提交"</code> 
      <code>&gt;</code> 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>/</code> 
      <code>form&gt;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&lt;script src</code> 
      <code>=</code> 
      <code>"/static/js/jquery-3.2.1.min.js"</code> 
      <code>&gt;&lt;</code> 
      <code>/</code> 
      <code>script&gt;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&lt;script&gt;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>/</code> 
      <code>/</code> 
      <code>上传文件按钮（label里的图片）点击事件</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>$(</code> 
      <code>'#avatar-input'</code> 
      <code>).on(</code> 
      <code>'change'</code> 
      <code>,function () { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>/</code> 
      <code>/</code> 
      <code>获取用户最后一次选择的图片</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>var choose_file</code> 
      <code>=</code> 
      <code>$(this)[</code> 
      <code>0</code> 
      <code>].files[</code> 
      <code>0</code> 
      <code>];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>/</code> 
      <code>/</code> 
      <code>创建一个新的FileReader对象，用来读取文件信息</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>var reader</code> 
      <code>=</code> 
      <code>new FileReader();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>/</code> 
      <code>/</code> 
      <code>读取用户上传的图片的路径</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>reader.readAsDataURL(choose_file);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>/</code> 
      <code>/</code> 
      <code>读取完毕之后，将图片的src属性修改成用户上传的图片的本地路径</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>reader.onload</code> 
      <code>=</code> 
      <code>function () { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>$(</code> 
      <code>"#avatar-img"</code> 
      <code>).attr(</code> 
      <code>"src"</code> 
      <code>,reader.result)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>});</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>/</code> 
      <code>script&gt;</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

##  5 大总结 ##

对于文件上传，不管是直接form提交也好，Ajax提交也好，根本问题是要告诉浏览器你要上传的是一个文件而不是普通的字符串

而怎么样告诉浏览器呢，就是通过请求体重的ContentType参数，我们上传普通的字符串的时候不用指定，因为它有默认值，

而如果要传文件的话，就要另外指定了。总结以下几点

1.  form表单上传的话是通过 *enctype="multipart/form-data" *来指定ContentType
2.  ajax上传的话是通过  *processData:false* 和 contentType:false来指定ContentType
3.  form上传的时候，文件数据是通过<input type="file">标签来‘’包裹‘’数据，
4.  ajax上传的时候，是通过一个 FormData 实例对象来添加数据，传递的时候传递这个对象就行了
5.  数据传递过去之后，是封装在request.FILES里*，*而不是request.POST里

转载于:https://www.cnblogs.com/kenD/p/10805635.html

[1299859-20180414110825961-1703053966.png]: /images/20211104/b85eaeae0a9c477f973696b4ff40889e.png
[1299859-20180414111624444-422088770.png]: /images/20211104/a20759c15d9b4b6eb7c531019f938c73.png