博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片、音频获取二进制流或url的blob值
阅读量:6932 次
发布时间:2019-06-27

本文共 1018 字,大约阅读时间需要 3 分钟。

1、HTML部分

2、JS部分

      //生成二进制流      

     var fileReader = new FileReader();

      fileReader.readAsDataURL(blobFile);
      fileReader.onload = function() {
        console.log(this.result);//这里输出的数据放到url里能生成图片,或者post回后台生成mp3,二进制流
      };

      //生成url可以用于页面显示

    result1.innerHTML = '文件下载';  });}var loadImageToBlob = function(url, callback) {if(!url || !callback) return false;var xhr = new XMLHttpRequest();xhr.open('get', url, true);xhr.responseType = 'blob';xhr.onload = function() {// 注意这里的this.response 是一个blob对象 就是文件对象callback(this.status == 200 ? this.response : false);}xhr.send();return true;}

3、PHP后台操作

// (this.result) 前端传回来的    $data = $_POST['data'];    $data = $this->base64_to_blob($data);        if(is_array($data)){        $data = reset($data);    }        $filename = time().'.mp3'; //后缀是mp3格式的文件名        $path = 路径.'/'.(date('Y/m/d',TIME)).$filename;  //正式图片的路径    uploadObject($data,$path); //存储到云服务器或者本地        //save到本地,图片路径是$path;

 

转载于:https://www.cnblogs.com/makeinchina/p/9496141.html

你可能感兴趣的文章
玩转报表排名
查看>>
SQL Server 默认跟踪(Default Trace)
查看>>
[剑指offer] 字符流中第一个不重复的字符
查看>>
平面上给定n条线段,找出一个点,使这个点到这n条线段的距离和最小。
查看>>
Source Insight 3.X 标签插件v1.0发布
查看>>
百度AI生态方法论升级,AI开放平台深入7大细分领域
查看>>
Linux下配置Golang开发环境
查看>>
AI技术出海 - 阿里云GPU服务器助力旷视勇夺4项世界第一
查看>>
《Learning Scrapy》(中文版)第11章 Scrapyd分布式抓取和实时分析
查看>>
[Python]一行代码判断请求参数是否正确
查看>>
gulp前端自动化工具的快速入门案例
查看>>
Java_数据交换_Jackson_用法入门
查看>>
GoCD 19.2.0 发布,ThoughtWorks 的持续集成引擎
查看>>
H3C大数据产品介绍
查看>>
Kafka-0.10.0.0 集群高可靠实验
查看>>
微信程序开发系列教程(三)使用微信API给微信用户发文本消息
查看>>
window上安装mysql数据库
查看>>
Python全栈工程师(多继承、函数重写)
查看>>
Spark2.1.0之内置RPC框架
查看>>
js对于小数的处理
查看>>