文件流,上传文件(视频)微信手机端上传文件

文件流
一般我们都是使用form表单上传文件,或者使用formdata对象使用ajax上传,要是有不明白

  • 可以看一下之前的博客里面有form

表单的方式介绍这里主要介绍文件

如下代码所示

	
$("#upload-btn").on("change", function () { var file=this.files[0]; //获取文件 console.log(file) var formData = new FormData();//构建一个FormData存储复杂对象 formData.append("sick", videoSrc); console.log(formData.get("file")) // var fileType=file.type; //获取文件类型 // //判断是否是视频文件 0视频 -1图片; // var createObjectURL = function(file){ // return window[window.webkitURL ? 'webkitURL' : 'URL']['createObjectURL'](file); // }; // var videoSrc = createObjectURL(file); // var videoNew = "
  • -
  • "; // $(".sctp").prepend(videoNew); // console.log(videoSrc) });
    • > var file=this.files[0]; //获取文件 在浏览器里面就是,这个就是我们常用的文件流,也是用来获取文件各种常见属性的一个对象,一般表单提交就是提交这种

      文件流,上传文件(视频)微信手机端上传文件_第1张图片

    现在有一种比较特殊的微信手机端上传文件,上传视频,有的会出现兼容性问题,可能获取不到文件
    createObjectURL(file)这个方法是用来获取文件路径的,效果和微信的jssdk里面的chooseImage效果差不多

    如果是手机端上传视频,建议使用这个处理一下
    // var createObjectURL = function(file){
    // return window[window.webkitURL ? ‘webkitURL’ : ‘URL’]‘createObjectURL’;
    // };
    // var videoSrc = createObjectURL(file);

    ,不考虑兼容性的话可以使用
    var reader = new FileReader();
    reader.readAsDataURL(file); //调用自带方法进行转换

    这里是引用 https://www.cnblogs.com/wuhuacong/p/11691258.html

    你可能感兴趣的:(javascript,js)