利用点空闲时间来写个博客，最近做的项目中需要表单提交音频的，图片的，各种类型，把它存到数据库里，这里先来说一下音乐文件的表单提交吧，后几天再来更新输入数据库的，先看一下效果

点击浏览

就会出来预览，点击mp3的文件

打开播放也可以正常播放

再来换一张图片，试试能不能传上

提交张图片

点击提交

提交不成功，因为这个只允许MP3格式的文件提交

刚才还没看mp3的提交，下面提交一下MP3文件

点击提交

因为没有给它设置跳转页面，所以还在它的处理页面

和图片上传的原理是一样的，图片上传在我的前几篇博客中有，一样得需要在自己的目录下新建一个文件夹

而提交的内容都得存入这个文件夹中

看一下里面有没有刚才我们提交的MP3文件

运行成功

如果再提交一遍的话还会有

点击提交

看一下文件夹里

依然有。

下面来看一下我们这个的源代码

先来看主页面的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<body>

<div class="box_input" style="margin-bottom: 20px;">

                    <form action="shiyancl.php" method="post" style="width: 960px;" enctype="multipart/form-data">

                        <input id="test" style="display: inline-block;" type="file"  name="file"/>

                        <audio id="audio" controls autoplay="" style="display: none; "></audio>

                        <input type="submit" id="mp3_submit" style="display: none;margin-left: 25px;" type="button" value="提交"/>

                    </form>

                </div>

</body>

<script>

             //录音上传

            $(function () {

                $("#test").change(function () {

                    var objUrl = getObjectURL(this.files[0]);

                    $("#audio").attr("src", objUrl);

                    $("#audio")[0].pause();

                    $("#audio").show();

                    $("#mp3_submit").show()

                    getTime();

                });

            });

            <!--获取mp3文件的时间 兼容浏览器-->

            function getTime() {

                setTimeout(function () {

                    var duration = $("#audio")[0].duration;

                    if(isNaN(duration)){

                        getTime();

                    }

                    else{

                        console.info("该歌曲的总时间为："+$("#audio")[0].duration+"秒")

                    }

                }, 10);

            }

            <!--把文件转换成可读URL-->

            function getObjectURL(file) {

                var url = null;

                if (window.createObjectURL != undefined) { // basic

                    url = window.createObjectURL(file);

                } else if (window.URL != undefined) { // mozilla(firefox)

                    url = window.URL.createObjectURL(file);

                } else if (window.webkitURL != undefined) { // webkit or chrome

                    url = window.webkitURL.createObjectURL(file);

                }

                return url;

            }

            </script>

</html>

再来看它的提交页面的代码  文件名是shiyancl.php

<?php

//var_dump($_FILES["file"]);   //索引写它的name值

//判断文件上传是否出错

if($_FILES["file"]["error"])

{

    echo $_FILES["file"]["error"];

}

else

{

    //控制上传文件类型

    if(($_FILES["file"]["type"]=="audio/mpeg" || $_FILES["file"]["type"]=="mp3/mp3") && $_FILES["file"]["size"]<500000)

    {

        //找到文件存放的位置

        $filename = "./file/".date("YmdHis").$_FILES["file"]["name"];  //加 .  拼接

        //转换编码格式

        $filename = iconv("UTF-8","gb2312",$filename);

        //判断文件是否存在

        if(file_exists($filename))

        {

            echo "该文件已存在！";

        }

        else

        {

        //保存文件

        move_uploaded_file($_FILES["file"]["tmp_name"],$filename);                   //移动上传文件

        }

    }

    else

    {

        echo "文件类型不正确";

    }

}

再写之前可以用var_dump输出一下你要提交的东西

它就会给你返会数据类型什么的

有些东西可以根据这个改

等我把其他功能做出来会继续上传的，希望会对大家有所帮助

表单提交音乐文件（php）的更多相关文章

  1. jquery mobile 表单提交 图片/文件 上传

    jquerymobile 下面 form 表单提交 和普通html没区别,最主要是 <form 要加一个 data-ajax='false' 否则 上传会失败 1  html代码 <!do ...

  2. node07---post请求、表单提交、文件上传

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 织梦cmsf表单提交到邮箱 织梦表单发送到邮箱 织梦自定义表单发邮箱

    大家在做织梦做网站开发时会遇到一个问题:织梦的自定义表单是一个很鸡肋的功能,不仅在后台展示得奇丑,而且也没有提醒功能,使用起来很不方便.很多人用织梦自定义表单时,都想用户提交表单的时候可以发送到自己的 ...

  4. php表单提交 图片、音乐、视频、文字，四种类型共同提交到数据库

    这个问题一直困扰了我好几天,终于在今天让我给解决了,难以掩饰的激动. 其实在之前没有接触到这种问题,只是表单提交数据而已,再就是图片,四种类型同时提交还真是没遇到过,做了一个系统,其中有一个功能就是提 ...

  5. 使用jquery form插件进行异步带文件的表单提交

    引入form插件与jquery 的js文件后 获取表单的jq对象 然后.ajaxSubmit提交表单即可 实现添加品牌的异步表单提交 function addBarandImg(formId) { $ ...

  6. js实现无刷新表单提交文件，将ajax请求转换为form请求方法

    最近在做项目的时候遇到一个需要上传文件的需求,因为ajax请求是无法上传二进制文件流的,所以只能用form表单提交,而form提交有一个问题就是会使页面刷新,本文解决了form表单提交文件时页面刷新的 ...

  7. c# 模拟表单提交，post form 上传文件、大数据内容

    表单提交协议规定:要先将 HTTP 要求的 Content-Type 设为 multipart/form-data,而且要设定一个 boundary 参数,这个参数是由应用程序自行产生,它会用来识别每 ...

  8. 【HTML相关】iframe+javascript实现一个表单提交后多个处理文件按序处理

    最近在弄一个网页的问题,总结如下. [问题描述] 页面中包括以下几个部分:1)表单form,供用户输入图片文件:2)iframe1,显示a.php文件的内容,a.php接收客户端图片并保存,后台程序处 ...

  9. input file 在开发中遇到的问题 类似ajax form表单提交 input file中的文件

    最近在做项目的过程中遇到个问题,在这里做个记录防止日后忘记 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为 ...

随机推荐

  1. Java线程池ExecutorService

    开篇前,我们先来看看不使用线程池的情况: new Thread的弊端 执行一个异步任务你还只是如下new Thread吗? new Thread(new Runnable() { @Override ...

  2. git remote log error

    使用git pull的时候收到以下信息: error: there are still refs under 'refs/remotes/origin/xxxx'From 10.1.25.57:yyy ...

  3. Android开发之自定义视图

    继承View 1.重写onMeasure(int wMeasureSpec,int hMeasureSpec)处理程序,这样可以标明视图尺寸 2.重写onDraw,以便绘制我们自己的自定义视图内 3. ...

  4. 零基础入门学习UI设计指南

    第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. ...

  5. Tomcat 优化和性能监测

    1. JVM 优化(Tomcat 启动行参数) Linux 修改 catalin.sh Windows 修改 catalin.bat   Linux系统中tomcat的启动参数 export JAVA ...

  6. 微信小程序已经开放个人开发者申请了，还不快上车？

    前言 就在昨天(3月27号),微信公众号平台推送了文章"小程序新能力",这篇文章是广大开发者的福音.个人开发者可申请小程序!!! 小程序开放个人开发者申请注册,个人用户可访问微信公 ...

  7. underscore.js,js工具库

    官方文档:http://underscorejs.org/ var totalCheckPriceVal = _.reduce(tableData[0],function(memo,num){ var ...

  8. 关于JavaScript中连等赋值那点事

    今天看了前端网上关于JS的题目,其中有一道题目挺有意思的.如下 var a = b =10; (function(){ var a = b = 20; })(); console.log(a); co ...

  9. 关于Union和Union All的区别以及用法

    有些时候我们在查询的时候会碰到这么一个问题,就是一条SQL不能查出来你想要的结果;首先,我们必须明确一条查询SQL执行之后数据库会给我们返回什么,他会返回符合条件的一个结果集,而当你一条查询SQL不能 ...

  10. 手机自动化测试：Appium源码分析之跟踪代码分析九

    手机自动化测试:Appium源码分析之跟踪代码分析九   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家 ...