常见的文件格式

已于 2024-11-13 15:42:11 修改
阅读量1k 收藏
点赞数
分类专栏： # 第一次见你 文章标签： javascript 前端 typescript
于 2023-09-21 15:35:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47999208/article/details/133135380
版权

https://blog.csdn.net/weixin_45811256/article/details/112575704

文件流转arrayBuffer转base64

一、C:\fakepath\新建文本文档.txt [object String]

        实现方式：

    <input onchange="test(this.value)" type="file"></input>
    <script>
        function test(e){
            console.log(e,Object.prototype.toString.call(e))
        }
    </script>

二、fileMDN

        实现方式：

1.html中
    <input  id="aaa" type="file"></input>
    <script>
        const inp = document.getElementById("aaa");
        inp.onchange= (e) =>{
            const file = inp.files[0];
            if(!file){
                return;
            }
            console.log(file)
        }
    </script>
2.vue中
    <div class="upload" @click="uploadFile">上传.log文件进行解析</div>
    async uploadFile() {
      const arrFileHandle = await window.showOpenFilePicker({});
      let fileName = await arrFileHandle[0].getFile();
      console.log(fileName);
    }


    <input type='file' @change="handleFileChange" />
        handleFileChange(event) {
      console.log(event)
      console.log(event.target.files[0]);
      return}

三、blobMDN

        实现方式：

        将上放第二点获取到的file对象比如为fileName，new Blob([fileName])就可以实现

四、里面有base64格式

        实现方式：

        将上放第二点获取到的file对象比如为fileName，

    oFReader = new FileReader()
    oFReader.onload = function (oFREvent) {
        console.log(oFREvent,1,oFREvent.target.result);
    };
    oFReader.readAsDataURL(fileName);

四、blob URL 可以放到a/img标签里直接使用

  实现方式：

        1、这种格式是用vant的uploader组件获取的，看上去url是个字符串，但可以直接传给后端完成文件上穿，非常神奇。

        2、也可以使用第三点中的blob通过：URL.createObjectURL(blob) 直接转换（web端，移动端不太可用）

五、ArrayBuffer

  实现方式：

         将上放第二点获取到的file对象比如为fileName

      const reader = new FileReader();
      reader.onloadend = function () {
        const arrayBuffer = reader.result;
        // 进行相应的操作
        console.log(arrayBuffer);
      };
      reader.readAsArrayBuffer(fileName);

六、[80, 75, 3, 4, 20, 0, 6, 0, 8, 0, 0, 0, 33, 0, 190, 26, 137, 252, 233, 1, 0, 0, 153, 9, 0, 0, 19, 0, 8, 2, 91, 67, 111, 110, 116, 101, 110, 116, 95, 84, 121, 112, 101, 115, 93, 46]

        将上放第五点获取到的ArrayBuffer对象比如为arrayBuffer

            var int8Array = new Int8Array(arrayBuffer);
            var uint8Array = new Uint8Array(arrayBuffer);
            var int16Array = new Int16Array(arrayBuffer);
            var int32Array = new Int32Array(arrayBuffer);
            
            console.log(int8Array, int8Array.length)
            console.log(uint8Array, uint8Array.length)
            console.log(int16Array, int16Array.length)
            console.log(int32Array, int32Array.length)

但不一定每个文件都有int16Array或者int32Array，得到如下

文件转换

一，file文件类型和blob文件类型之间转换

如图所示input标签获取到是file对象，转换成blob后进行切割，然后转换成原file对象

二，blob,file,二进制流

file-ArrayBuffer-Unit8Array-blob-file

对于图片类型可以从Unit8Array转成base64格式

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input  id="aaa" onchange="fileChange()" type="file"></input>
  <script>
      const inp = document.getElementById("aaa");
      inp.onchange= (e) =>{
        console.log(e)
          const file = inp.files[0];
          if(!file){
              return;
          }
          const fileType = file.type;
          const fileName = file.name;
          console.log(file, file.name, file.size, file.type)
          
          const reader = new FileReader();
          reader.onloadend = function () {
            const arrayBuffer = reader.result;
            console.log(arrayBuffer);

            var uint8Array = new Uint8Array(arrayBuffer);
            console.log(uint8Array, uint8Array.length)

            var blob = new Blob([uint8Array], { type: fileType});
            console.log(blob)

            var sbFile = new File([blob], fileName, { type: fileType });
            console.log(sbFile)
          };
          reader.readAsArrayBuffer(file);
      }
  </script>
</body>
</html>

对于图片类型可以从Unit8Array转成base64格式

在上面的基础上添加如下代码

        const arrayBuffer = reader.result;
        console.log(arrayBuffer);
        const src =
          "data:image/png;base64," +
          btoa(
            new Uint8Array(arrayBuffer).reduce(
              (data, byte) => data + String.fromCharCode(byte),
              ""
            )
          );
        console.log(src);

三、读取文件并在控制台输出

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input  id="aaa" onchange="fileChange()" type="file"></input>
  <script>
      const inp = document.getElementById("aaa");
      inp.onchange= (e) =>{
        console.log(e)
        const files = e.target.files;
        for (let i = 0; i < files.length; i++) {
          const file = files[i];
          const reader = new FileReader();
          // 监听readAsText方法的加载完成事件
          reader.onload = function() {
            // 将文件内容按行拆分
            console.log(reader.result);
            const lines = reader.result.split('\n');
            // 遍历每一行内容
            for (let j = 0; j < lines.length; j++) {
              const line = lines[j];
              // 在控制台中输出每一行的内容
              console.log(line);
            }
          };
          // 使用readAsText方法读取文件内容
          reader.readAsText(file);
        }
      }
  </script>
</body>
</html>

四、读取文件并转换成blob

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input  id="aaa" onchange="fileChange()" type="file"></input>
  <script>
      const inp = document.getElementById("aaa");
      inp.onchange= (e) =>{
        console.log(e)
          const file = inp.files[0];
          if(!file){
              return;
          }
          var reader = new FileReader();
          reader.onload = function(e) {
            var fileContent = e.target.result;
            // 将文本内容转换为Blob对象
            var blob = new Blob([fileContent], { type: file.type });
            
            // 使用slice方法将Blob对象转换为File对象
            var convertedFile = blob.slice(0, blob.size, file.name);
            
            // 在这里可以继续处理转换后的File对象
            console.log(convertedFile);
          };
          reader.readAsText(file);
          
      }
  </script>
</body>
</html>

五、mp3转arrayBuffer

mp3toArrayBuffer() {
	axios({
		method: 'get',
		url: this.imageListAll[this.templateId - 1].template_audio,
		responseType: 'arraybuffer'
	}).then((res) => {
		console.log('mp3的arraybuffer', res.data) //这个是arraybuffer
		this.audio = res.data
		this.imgArrayBufferData.push({
			name: 'bg',
			data: this.audio
		})
	})
},

五、blobUrl转blob或者file

转blob

const blobUrl = 'your - blob - url - here';
fetch(blobUrl)
 .then(response => response.blob())
 .then(blob => {
    console.log('成功获取到blob对象', blob);
    // 可以在这里对blob对象进行进一步的操作，比如读取文件内容、上传等
  })
 .catch(error => {
    console.error('转换过程出现错误', error);
  });

转file

const blobUrl = 'your - blob - url - here';
fetch(blobUrl)
 .then(response => response.blob())
 .then(blob => {
    const fileName = 'example - file - name.txt';// 文件名，可根据实际情况修改
    const fileType = 'text/plain';// 文件类型，可根据实际情况修改
    const file = new File([blob], fileName, {type: fileType});
    console.log('成功获取到file对象', file);
    // 可以在这里对file对象进行进一步的操作，比如上传、添加到表单等
  })
 .catch(error => {
    console.error('转换过程出现错误', error);
  });

  

实际上传

一、   file对象：现在获取到了第二点中的file对象要求要使用post请求传输给后端：

一般的请求是：

接口报500，把接口改造成如下form-data的格式就好

二、二进制格式

类似以上的格式，需要设置  请求头的文件格式Content-Type：application/octet-stream

除此之外还需要设置   请求头字段x-ext：.jpg，对于获取到的file对象file.name.split('.').pop()

以xhr为例：

xhr.setRequestHeader('Content-Type', 'application/octet-stream')
xhr.setRequestHeader('x-ext', '.' + file.name.split('.').pop())

三、base64格式

base64格式上传就会比较简单，他的请求头Content-Type和普通的请求是一样的application/json

基本上不用改造请求头

将获取到的base64值假设为A

获取文件类型   A.splice('.').pop()

文件大小限制 1M file.size > 1*1024*1024

一般是设置响应头responseType:blob(会将文件流转化为blob对象)

后端返回blob对象后使用window.URL.createObjectURL(blob)转换为blob URL，就可以在a/img标签上直接使用了，下载完成后要及时删除dom元素和blobURL以免造成内存泄漏(window.URL.revokeObjectURL(link.href))

export const exportFile = (url) => {
  return request({
    url: url,
    method: "get",
    responseType: "blob",
  });
};
// 这里是在定义exportFile的时候添加了返回的数据格式  responseType:blob
exportFile(params).then((response) => {
        let blob = response.data;
        console.log(blob)
        let fileName = decodeURI(Object.values(response.headers)[1])
          .split("''")
          .pop();
        var link = document.createElement("a");
        link.href = window.URL.createObjectURL(blob);
        console.log(link.href)
        link.download = fileName;
        link.click();
        window.URL.revokeObjectURL(link.href);
      });

返回的是文件流的格式转化为

fetch(url,{
    method: 'get',
    responseType: 'blob'
}).then(res => {     
    return res.blob();
}).then(blob => {
    let bl = new Blob([blob], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
    let fileName = '文件名'+".xlsx";
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = fileName;
    link.click();
console.log(blob, link.href, link.download, link);
    window.URL.revokeObjectURL(link.href);
})


//也有设置为arrayBuffer的
fetch(url,{
    method: 'get',
    responseType: 'arraybuffer'
}).then(res => {     
    return res. arraybuffer();
}).then(arraybuffer => {
    let bl = new Blob([arraybuffer], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
    let fileName = '文件名'+".xlsx";
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = fileName;
    link.click();
    window.URL.revokeObjectURL(link.href);
})

我们看下这里的各个参数代表啥意思

 它这个原理是啥呢，就是创建了一个<a />,然后使用点击事件去完成

然后到页面上点击这个标签就可以下载了。是一样的效果，但是实际呢，不可行的。

现在是有url地址，（不管它是图片还是doc,txt,excel，png）通用的下载

downloadFiles('http://60.204.133.97:9000/wdtek/upload/20240105/Snipaste_2023-08-09_11-05-18.png',"Snipaste_2023-08-09_11-05-18.png")
    downloadFiles(url,name) {
      fetch(url)
        .then((response) => response.blob())
        .then((blob) => {
          const blobUrl = window.URL.createObjectURL(blob);
          const link = document.createElement("a");
          link.href = blobUrl;
          link.download = name; // 提供您希望的文件名和扩展名
          document.body.appendChild(link); // 附加到文档
          link.click(); // 触发下载
          document.body.removeChild(link); // 下载后移除元素
          window.URL.revokeObjectURL(blobUrl); // 释放URL对象
        })
        .catch((e) => console.error(e));
    },
    downloadFile() {
      this.downloadFiles(this.fileList[0].link,this.fileList[0].originalName)
    }

同事说window.open也可以，测试了只有图片可以，文件不太行，也不知道是不是我使用的方式对不对

buffer和string互转换

在写node的时候buffer是非常常用的一中文件类型

let string = 'Hello, World!';
let buffer = Buffer.from(string); //默认string转buffer是2进制的
let stringUtf8 = buffer.toString();  //buffer转string
let bufferUtf8 = Buffer.from(string, 'utf8');  // 声明转2进制的
let bufferHex = Buffer.from(string, 'hex'); // 声明转16进制的
console.log(buffer);
console.log(bufferUtf8);
console.log(bufferHex);
console.log(stringUtf8);

buffer,stream,ArrayBuffer

1.buffer

const fs = require('fs');
const path = require('path');
console.log(fs.readFileSync(path.join(__dirname, 'readme.txt')))

2.stream 

const fs = require('fs');
const path = require('path');
// 创建一个可读流来读取文件
const readStream = fs.createReadStream('readme.txt');
console.log({
  readStream
})
{
  readStream: ReadStream {
    fd: null,
    path: 'readme.txt',
    flags: 'r',
    mode: 438,
    start: undefined,
    end: Infinity,
    pos: undefined,
    bytesRead: 0,
    _events: {
      close: undefined,
      error: undefined,
      data: undefined,
      end: undefined,
      readable: undefined,
      [Symbol(kConstruct)]: [Function]
    },
    _readableState: ReadableState {
      highWaterMark: 65536,
      buffer: [],
      bufferIndex: 0,
      length: 0,
      pipes: [],
      awaitDrainWriters: null,
      [Symbol(kState)]: 1052684
    },
    _maxListeners: undefined,
    _eventsCount: 1,
    [Symbol(kFs)]: {
      appendFile: [Function: appendFile],
      appendFileSync: [Function: appendFileSync],
      access: [Function: access],
      accessSync: [Function: accessSync],
      chown: [Function: chown],
      chownSync: [Function: chownSync],
      chmod: [Function: chmod],
      chmodSync: [Function: chmodSync],
      close: [Function: close],
      closeSync: [Function: closeSync],
      copyFile: [Function: copyFile],
      copyFileSync: [Function: copyFileSync],
      cp: [Function: cp],
      cpSync: [Function: cpSync],
      createReadStream: [Function: createReadStream],
      createWriteStream: [Function: createWriteStream],
      exists: [Function: exists],
      existsSync: [Function: existsSync],
      fchown: [Function: fchown],
      fchownSync: [Function: fchownSync],
      fchmod: [Function: fchmod],
      fchmodSync: [Function: fchmodSync],
      fdatasync: [Function: fdatasync],
      fdatasyncSync: [Function: fdatasyncSync],
      fstat: [Function: fstat],
      fstatSync: [Function: fstatSync],
      fsync: [Function: fsync],
      fsyncSync: [Function: fsyncSync],
      ftruncate: [Function: ftruncate],
      ftruncateSync: [Function: ftruncateSync],
      futimes: [Function: futimes],
      futimesSync: [Function: futimesSync],
      lchown: [Function: lchown],
      lchownSync: [Function: lchownSync],
      lchmod: undefined,
      lchmodSync: undefined,
      link: [Function: link],
      linkSync: [Function: linkSync],
      lstat: [Function: lstat],
      lstatSync: [Function: lstatSync],
      lutimes: [Function: lutimes],
      lutimesSync: [Function: lutimesSync],
      mkdir: [Function: mkdir],
      mkdirSync: [Function: mkdirSync],
      mkdtemp: [Function: mkdtemp],
      mkdtempSync: [Function: mkdtempSync],
      open: [Function: open],
      openSync: [Function: openSync],
      openAsBlob: [Function: openAsBlob],
      readdir: [Function: readdir],
      readdirSync: [Function: readdirSync],
      read: [Function: read],
      readSync: [Function: readSync],
      readv: [Function: readv],
      readvSync: [Function: readvSync],
      readFile: [Function: readFile],
      readFileSync: [Function: readFileSync],
      readlink: [Function: readlink],
      readlinkSync: [Function: readlinkSync],
      realpath: [Function],
      realpathSync: [Function],
      rename: [Function: rename],
      renameSync: [Function: renameSync],
      rm: [Function: rm],
      rmSync: [Function: rmSync],
      rmdir: [Function: rmdir],
      rmdirSync: [Function: rmdirSync],
      stat: [Function: stat],
      statfs: [Function: statfs],
      statSync: [Function: statSync],
      statfsSync: [Function: statfsSync],
      symlink: [Function: symlink],
      symlinkSync: [Function: symlinkSync],
      truncate: [Function: truncate],
      truncateSync: [Function: truncateSync],
      unwatchFile: [Function: unwatchFile],
      unlink: [Function: unlink],
      unlinkSync: [Function: unlinkSync],
      utimes: [Function: utimes],
      utimesSync: [Function: utimesSync],
      watch: [Function: watch],
      watchFile: [Function: watchFile],
      writeFile: [Function: writeFile],
      writeFileSync: [Function: writeFileSync],
      write: [Function: write],
      writeSync: [Function: writeSync],
      writev: [Function: writev],
      writevSync: [Function: writevSync],
      Dirent: [class Dirent],
      Stats: [Function: Stats],
      ReadStream: [Getter/Setter],
      WriteStream: [Getter/Setter],
      FileReadStream: [Getter/Setter],
      FileWriteStream: [Getter/Setter],
      _toUnixTimestamp: [Function: toUnixTimestamp],
      Dir: [class Dir],
      opendir: [Function: opendir],
      opendirSync: [Function: opendirSync],
      F_OK: 0,
      R_OK: 4,
      W_OK: 2,
      X_OK: 1,
      constants: [Object: null prototype],
      promises: [Getter]
    },
    [Symbol(kIsPerformingIO)]: false,
    [Symbol(shapeMode)]: true,
    [Symbol(kCapture)]: false
  }
}

3.arrayBuffer

const fs = require('fs');
const path = require('path');
// 创建一个可读流来读取文件
const readStream = fs.createReadStream('readme.txt');
console.log({
  readStream
})
readStream.on('data', (chunk) => {
  // chunk 是 Buffer 类型
  const arrayBuffer = chunk.buffer; // 获取 ArrayBuffer
  // 这里可以对 arrayBuffer 进行进一步处理
  console.log(arrayBuffer)
});

readStream.on('end', () => {
  console.log('文件读取完成');
});

这里相同的代码，文件变成了一个图片，前面的buffer和stream并没有变换，但是这里的arrraybuffer变成了多个arraybuffer，最大值为65536

从上面的文件转换的第二点知道可以使用Uint8Array准换成blobURL或者base64给前端使用

几种常见的配置文件格式，以及它们的优缺点和用法汇总
小秋 AI SLAM 入门实战教程
02-23 2034
选择配置文件格式时，应考虑到项目的需求、目标用户群体的偏好、以及开发团队的熟悉度。例如，如果目标是Web开发，JSON可能是首选；如果需要高度的可读性和注释支持，YAML可能更合适；对于简单的配置需求，INI或TOML可能足够了。配置文件是用于存储软件程序、操作系统或服务器等的设置的文件。不同的配置文件格式具有不同的结构和语法，选择哪种格式通常取决于具体的应用需求、易用性、可读性以及环境支持。每种格式都有其适用场景，了解它们的优缺点可以帮助做出更合适的选择。
js获取文件路径的问题，结果都是C:\fakepath
TangJiuling9009的博客
01-09 2116
1、demo.html代码： <!DOCTYPE html> <html> <head> <script type="text/script" src="demo.js"> </script> </head> <body><input id="selectFileInput" type="file" mul...
常见文件格式类型
sixteen_cicle的博客
04-24 3580
//.jpg .jpeg .gif .ai .pdg //.AVI, .wma, .rmvb,.rm, .flash,.mp4,.mid, 3GP var MIMETYPE = { ".3gp" : "video/3gpp", ".apk" : "application/vnd.android.package-archive", ".asf" : "vide
关于 “文件上传路径 C:/fakepath （安全机制）” 的解说办法
热门推荐
草巾冒小子的博客
06-26 2万+
想必做过文件上传的都遇到过文件上传路径被修改为file:///C:/fakepath的情况！为什么会这样？如何解决？ 文件上传路径 file:///C:/fakepath 被修改，是因为浏览器（客户端、服务端都有这种情况）的安全机制决定的。可以说这个是一中不成文的规则，是无法修改的。 这里引入两篇外文 · 仅供参考： https://blog.csdn.net/qq_29099209...
将上传文件转化为base64格式
最新发布
weixin_46191445的博客
02-14 159
将上传文件转化为base64格式。
ArrayBuffer转base64
m0_47999208的博客
09-06 959
ArrayBuffer无法使用toString()方法。转好了可以在img标签直接使用。
ArrayBuffer转base64编码的字符串
piaojiancong的博客
07-29 3782
前言 在向后台请求图片数据的时候，后台可能会将数据以文件流的形式返回。这个时候我们需要将responseType修改为arraybuffer。 或者 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200728193118395.png 这样我们才能正确的拿到ArrayBuffer数据。那么，拿到之后又如何转成base64呢？（不转的话没办法显示啊） 网上找到两种方法，刚开始使用第一种，但是发现在图片比较大的时候耗时会很久。最后在这里找到了另外一种方法，快了很多。这里
C:\\fakepath\\文件路径问题
Nemo的笔记本
04-11 9863
今天在做导入时，不论是什么路径上传的文件，路径都变成了"C:\fakepath\"+文件名的形式，查询了下，这是ie8下的安全设置问题。 以下就是操作步骤：工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”，选中“启用”即可。Js代码  //附带不用修改浏览器安全配置的javascript代码，兼容ie， firefo
关于获取后端返回校验图是Arraybuffer文件流转base64这件事
bs521521的博客
08-29 296
小程序他就很恶心,不带token,我用了一个cookie的插件。其次是校验图出不来 我使用。
常见文件格式.docx
07-05
常见文件格式.docx
音视频格式测试资源合集：常见文件格式全覆盖
视频文件格式多种多样，每种格式都有其特点和应用场景。例如： - AVI（Audio Video Interleave）是一种较早的视频格式，由微软公司开发，对多种视频编码和音频编码有良好的支持，但文件体积较大。 - WMV（Windows ...
第四章 常见 Android 文件格式（一）（库文件、APK）
zlmm741的博客
03-03 4133
文章目录库文件jar 包aar 包手动编写一个 aar 库APKAPK 文件结构APK 文件的生成流程APK 的安装流程通过系统程序安装（开机时安装）通过 Android 市场安装通过 adb 命令安装手机自带安装（通过 SD 卡里的 APK 文件安装）通过分析 packageinstaller.apk 的实现步骤了解 APK 的安装过程 库文件 一系列代码功能接口与资源数据的有机集合 Andr...
常见的文件系统格式.pdf
10-27
它是Windows平台应用最广泛的文件格式，能够支持大容量文件和超大分区，集合了很多高级的技术，其中包括长文件名、压缩分区、数据保护、恢复等。但是，它会减短ROM的寿命。 3. exFAT格式：exFAT（Extended File ...
java fakepath,如何解决C：\fakepath？
weixin_31174671的博客
02-28 477
This is my upload button.This is the text field where I have to show the full path of the file.function theimage(){var filename = document.getElementById('file-id').value;document.getElementById('file...
JS各种数据流之间的格式（ArrayBuffer、Uint8Array、Blob、 File、DataURL）相互转换及应用
qq_38886284的博客
07-28 1万+
Uint8Arraybase64注意： 二进制数组并不是真正的js各种数据流之间的格式转换数组，而是类似数组的对象。
js实现小程序wx.arrayBufferToBase64方法
曹定栓的博客
03-03 5713
微信小程序提供了wx.arrayBufferToBase64方法，但很不幸，这个方法在基础库版本 2.4.0 起已废弃，已不推荐使用。 虽然目前即使小程序基础库版本为2.22.0，也能正常使用。但是不确定未来哪天，在更新的基础库中，该方法被删除。这样就会带来项目上的隐患。 所以需要自己去实现arrayBuffer转为base64这一过程。......
Js的FileReader读取文件内容（async/await）
ljp654的博客
04-13 6559
filereader和async/await花式使用
JS二进制文件转换：File、Blob、Base64、ArrayBuffer
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
02-28 1694
【代码】JS二进制文件转换：File、Blob、Base64、ArrayBuffer。
使用阿里云服务器上传视频文件获取文件绝对路径名为c:\fakepath\的问题解决方案(亲测有效)
weixin_43401380的博客
06-22 1275
问题描述: 上传文件视频到阿里云的点播服务,但是需要传递的是视频标题以及视频的绝对路径,前端返回视频路径的只能是c:\fakepath.查看了一下帖子发现,解决这个问题主要有两种方式:一种是适用于ie低版本的:window.URL.createObjectURL(file)(可百度查找具体内容)在此不再重述,一种是修改浏览器的安全设置,别人帖子里都有,在此不再重述.这两种方式都可以实现,在此补充一下自己的实现方案: 首先将视频上传到阿里云服务器指定文件夹下,将此路径拼接视频名以此当做视频的绝对路径.然后从阿
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

每天吃饭的羊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值