[js]ajaxfileupload.js Django上的应用

来源：互联网发布：菲律宾可以用淘宝吗编辑：程序博客网时间：2024/06/05 19:22

1.html

...<script src="/js/ajaxfileupload.js" type="text/javascript"></script>...<input id='file_input' type='file' name='file' onchange='onFileInput()' multiple>...

写入一个file类型的input

当点击浏览时便会弹出选择框，选择file完毕，input的value变成文件名

2.js

function 中的onchange事件触发函数onFileInput()

function doAjaxUploadFile(url, fileElementId,data,callback){    $.ajaxFileUpload({              url:url,            secureuri:false,              fileElementId:fileElementId,            dataType : 'json',            data:data,            success: callback,            error: function (data, status, e){                  alert(e)             }          });  }  function onFileInput(){var name =“xiaoming”;var file_name = document.getElementById('file_input').value;data = {"name ":name,"file_name ":file_name }doAjaxUploadFile("/uploadFile", "file_input",data,show)}function show(){...}

3.urls.py

url(r'^uploadFile',uploadFile),

4.views.py

def uploadFile(request):    name = request.POST.get("name")    f = request.FILES['file']    destination = open("save_file.txt", 'wb+')for chunk in f.chunks():destination.write(chunk)destination.close()    ret = {"ret":true}    ret_json = json.dumps(ret)    return HttpResponse(ret_json)

0 0