1. 頭像預覽html
//頭像預覽 $('#id_avatar').change(function () { console.log(this.files[0]) //找到選中的頭像文件 var fileobj = this.files[0] //讀取文件路徑 var fileReader = new FileReader() fileReader.readAsDataURL(fileobj) //等圖片讀取完後繼續執行 fileReader.onload=function () { //設置預覽圖片 $('#avatar_img').attr('src',fileReader.result) }; })
2. Django上傳文件django
1. 配置用戶上傳文件保存的位置
settings.pythis
# 用戶上傳的文件配置 MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
settings.pyurl
MEDIA_URL = "/media/" # 別名spa
urls.pydebug
from django.views.static import serve from BBS_ONE import settings urlpatterns = [ # midia路由配置 path是傳入serve方法的參數,能夠點進serve方法裏看看 url(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}), ]
https://www.cnblogs.com/95lyj/p/9260765.htmlcode
https://www.cnblogs.com/95lyj/p/9261491.htmlhtm