HTML

<div class="form-group" id="pic_list">
<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 背景音乐: </label>
<div class="col-sm-6">
<input type="file" name="musice" id="musice" ><div id="audiourl">{$choujiang_info.yao_musicset}</div>
<div id="audioz"></div>
</div>
</div>
<div class="space-4"></div>

JS

$("#musice").change(function(){
var filePath=$(this).val();
if(filePath.indexOf("mp3")!=-1){
  var file = document.getElementById('musice').files[0];  
var url = URL.createObjectURL(file);
html ='<audio controls="controls" src="'+ url +'"></audio>';
$('#audioz').html(html);
// $('#audiourl').hide();
}else{
$("#audioz").html("您未上传文件,或者您上传文件类型有误!");
// $(".fileerrorTip1").html("您未上传文件,或者您上传文件类型有误!").show();
//alert("您未上传文件,或者您上传文件类型有误!");
return false 

})

PHP TP3.2 音乐文件上传并在本地播放相关推荐

  1. 免费mp3音乐文件上传外链空间精选合辑

    2019独角兽企业重金招聘Python工程师标准>>> 音乐外链空间 小序: 整整一年的时间,耗费大量的精力,搜集到这些珍贵的音乐外链网盘和上传空间!个人觉得应该到了该好好总结一下的 ...

  2. 文件上传(保存本地)和将文件转为base64

    //文件上传相关代码 @RequestMapping(value = "/testUploadFileTwo") @ResponseBody public String uploa ...

  3. 酷盘 文件服务器,文件上传云端 - 卡饭网

    怎么通过手机版TIM端把文件上传到云端 怎么通过手机版TIM端把文件上传到云端 手机版Tim是我们常用的一款社交软件,给我们的生活带来了极大的便利和乐趣,深受用户欢迎,有的朋友想知道怎么通过手机版TI ...

  4. linux禁止客户端上传文件_图片/文件上传如此简单|macOS 图床客户端 uPic

    前言 相信很多人在写作(特别是需要多平台发布)的时候都会因为插图而增加工作量: 平台图片外链不允许在网站外部访问. 使用云图床服务上传流程复杂. 那么这些问题有没有办法解决呢,答案肯定是"有 ...

  5. httpclient base64 文件上传_文件上传下载

    说道文件上传下载,这个业务需求并不是很复杂思想如下 1.将文件上传到 某台服务器上的指定的路径下也可以这样理解 文件上传就是将本地图片发送到别的地方,下载就是将别的地方的图片放在本地 2.将路径同文件 ...

  6. asp.net ftp上传文件到服务器,.net 文件上传到服务器上

    详解 Linux 下 SSH 远程文件传输命令 scp 3.将本地文件上传到服务器上 scp-P 2222/home/lnmp0.4.tar.gz root@www.vpser.net:/root/l ...

  7. 文件上传漏洞原理与实例测试

    0x00 什么是文件上传 为了让用户将文件上传到网站,就像是给危机服务器的恶意用户打开了另一扇门.即便如此,在今天的现代互联网的Web应用程序,它是一种常见的要求,因为它有助于提高业务效率.企业支持门 ...

  8. Flutter dio 文件上传下载

    Dio 是Flutter 网络请求的Pub包 Dio除了常用的get post 还可以文件下载 上传等操作 关于文件分片上传 或者文件下载 用到的pub 包 #文件选择file_selector: ^ ...

  9. 本地文章上传阿里云文件上传

    文章目录 一. 本地文件上传的步骤 1.1 实现文件上传的service 1.2 实现文件上传controller 1.3 在application.yml配置即可 1.4 配置静态资源服务目录映射 ...

最新文章

  1. kotlin条件表达式
  2. linux下载文件的常用命令wget
  3. 6-day6-函数-1
  4. SQL注入攻击(SQL注入(SQLi)攻击)-报错注入
  5. java并发编程一:基础知识
  6. 黑洞照片背后的女人:她的算法让数据“拼”成了照片
  7. mybatis中resultType取出数据顺序不一致解决方法
  8. springboot+dubbo+nacos开发实战
  9. 浅谈HTTP中Get与Post的区别[转 hyddd]
  10. 比较三个数大小PHP代码,php 写程序求三个数的最大值
  11. php后台登陆页面代码
  12. 基础集合论 第一章 7 交集 8 差集
  13. linux下添加vnc
  14. 网站建设-学习笔记1-建站
  15. sql server收缩数据库日志
  16. 机器人端的图形界面ssh远程显示方案
  17. 玩客币如何转账如何交易链克
  18. 读书笔记 - 《基业长青》
  19. 海豚调度Dolphinscheduler源码分析(三)
  20. IE浏览器提示无法显示网页的三种情况

热门文章

  1. 贪吃蛇小游戏java实现代码分析
  2. 运维基本功(十二): Linux命令回顾与扩展
  3. MFC中CPropertySheet与CTabCtrl的使用
  4. sizeof用法汇总
  5. 路由追踪程序traceroute/tracert分析与科普
  6. JavaEE入门级别最全教程1--初学者必看
  7. Spring 源码学习一: 使用Gradle 构建Spring 源码环境
  8. ImportError: cannot import name ‘MobileNetV2‘ from ‘keras.applications‘解决方法
  9. CMake安装或CMake Error at CMakeLists
  10. SVN中如何将指定文件或文件夹直接提交到svn指定目录