3种上传图片的方法实例-html教程-PHP中文网

在常见的用户注册页面，需要用户在本地选择一张图片作为头像，并同时预览。

常见的思路有两种：一是将图片上传至服务器的临时文件夹中，并返回该图片的url，然后渲染在html页面；另一种思路是，直接在本地内存中预览图片，用户确认提交后再上传至服务器保存。

这两种方法各有利弊，方法一很明显，浪费流量和服务器资源；方法二则加重了浏览器的负担，并且对浏览器的兼容性要求更高（在某些低版本中的IE浏览器不支持）。

以下是实现上述思路的方法：

1. 模板文件

 1  2  3  4      5     Title 6  7  8      9         10             {% csrf_token %}11         用户注册
12         用户名：
13         密码：
14         邮箱：
15              {# 实际应用中要将该input标签隐藏，display:none; #}16             

							
								
								
									PHP房产程序[BBWPS]
									[PHP房产程序|BBWPS]功能介绍 1、5种信息类别发布：出租、求租、出售、求购、楼盘信息,支持会员发布信息审核； 2、灵活的信息参数设置； 3、充足的信息字段； 4、简单易用的发布/编辑功能，支持配图上传； 5、灵活的信息管理功能； 6、信息输出伪静态，方便搜索引擎抓取数据； 7、支持RSS输出； 8、内置数据高速缓冲技术，可灵活设置缓冲功能是否启动及过期时间； 9、支持 Google 地图
								
								下载 
							
						
17             
18         19         20         21             
22     
23 24 25 26 90

test.html

2. 视图函数

 1 from django.shortcuts import render, HttpResponse 2  3  4 def test(request): 5     return render(request, 'test.html') 6  7  8 def upload_avatar(request): 9     file_obj = request.FILES.get('avatar')10     file_path = os.path.join('static/images', file_obj.name)11     with open(file_path, 'wb') as f:12         for chunk in file_obj.chunks():13             f.write(chunk)14     return HttpResponse(file_path)

upload_avatar.py

3. 路由系统

1 from django.conf.urls import url2 from django.contrib import admin3 from home import views as homeViews4 5 urlpatterns = [6     url(r'^admin/', admin.site.urls),7     url(r'^upload_avatar/', homeViews.upload_avatar),  # 上传头像8     url(r'^test/', homeViews.test),  # 测试页面9 ]