js文件上传(分块、断点续传)

一、常规文件上传:

  方案一:直接通过from表单

  方案二:通过js上传文件:https://blog.csdn.net/qq_37568942/article/details/98873471

    说明:H5中,选择上传的文件,必须通过 input[type="file"] 标签实现。js中是无法获取 input[type="file"] 选中文件的路径和数据,。但是允许FormData 对象 获取到 input[file] 内的数据流。

       formData对象中和文件相关的信息,js是无法打印出来的。

    关键点:使用new FormData() 创建一个form类型的数据,接受input控件中的文件数据流。

      var inputDOM = this.$refs.file  // 获取input[type="file"] 对象
      var file = inputDOM.files[0]   
      var formData = new FormData()
      formData.append('uploadFile', file)  // 将input控件里面的数据流,塞到formData对象里
      uploadFileToQiniu(formData)  // 调用ajax请求,注意这里的请求头Content-Type 必须是 multipart/form-data类型的

二、发片上传:

 

 

 

三、断点续传:

 

上一篇:【C语言初阶】初识C语言(转义字符)


下一篇:文件上传