Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >player.play(videos);如何让用户点击播放?

player.play(videos);如何让用户点击播放?

提问于 2016-04-26 03:22:18
回答 1关注 0查看 625

http://video.qcloud.com/download/docs/QVOD_Player_Android_SDK_Developer_Guide.pdf看你们这个文档 player.play(videos); 视频直接播放了,没有准备状态吗?让用户点击播放按钮才播放?

回答 3

天使的炫翼

发布于 2017-12-19 04:14:11

正在寻找一个基于ajax的图像上传解决方案,我正在寻找的答案有点分散在整个这个职位。我解决的解决方案涉及FormData对象。我汇集了我放在一起的代码的基本形式。您可以看到它演示了如何使用fd.append()将自定义字段添加到窗体,以及如何在ajax请求完成时处理响应数据。

上传html:

代码语言:txt
AI代码解释
复制
<!DOCTYPE html>
代码语言:txt
AI代码解释
复制
<html>
代码语言:txt
AI代码解释
复制
<head>
代码语言:txt
AI代码解释
复制
    <title>Image Upload Form</title>
代码语言:txt
AI代码解释
复制
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
代码语言:txt
AI代码解释
复制
    <script type="text/javascript">
代码语言:txt
AI代码解释
复制
        function submitForm() {
代码语言:txt
AI代码解释
复制
            console.log("submit event");
代码语言:txt
AI代码解释
复制
            var fd = new FormData(document.getElementById("fileinfo"));
代码语言:txt
AI代码解释
复制
            fd.append("label", "WEBUPLOAD");
代码语言:txt
AI代码解释
复制
            $.ajax({
代码语言:txt
AI代码解释
复制
              url: "upload.php",
代码语言:txt
AI代码解释
复制
              type: "POST",
代码语言:txt
AI代码解释
复制
              data: fd,
代码语言:txt
AI代码解释
复制
              processData: false,  // tell jQuery not to process the data
代码语言:txt
AI代码解释
复制
              contentType: false   // tell jQuery not to set contentType
代码语言:txt
AI代码解释
复制
            }).done(function( data ) {
代码语言:txt
AI代码解释
复制
                console.log("PHP Output:");
代码语言:txt
AI代码解释
复制
                console.log( data );
代码语言:txt
AI代码解释
复制
            });
代码语言:txt
AI代码解释
复制
            return false;
代码语言:txt
AI代码解释
复制
        }
代码语言:txt
AI代码解释
复制
    </script>
代码语言:txt
AI代码解释
复制
</head>
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
<body>
代码语言:txt
AI代码解释
复制
    <form method="post" id="fileinfo" name="fileinfo" onsubmit="return submitForm();">
代码语言:txt
AI代码解释
复制
        <label>Select a file:</label><br>
代码语言:txt
AI代码解释
复制
        <input type="file" name="file" required />
代码语言:txt
AI代码解释
复制
        <input type="submit" value="Upload" />
代码语言:txt
AI代码解释
复制
    </form>
代码语言:txt
AI代码解释
复制
    <div id="output"></div>
代码语言:txt
AI代码解释
复制
</body>
代码语言:txt
AI代码解释
复制
</html>

如果你正在使用PHP这里是一种处理上传的方法,包括使用上面的html中演示的两个自定义字段。

代码语言:txt
AI代码解释
复制
upload.php的
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
<?php
代码语言:txt
AI代码解释
复制
if ($_POST["label"]) {
代码语言:txt
AI代码解释
复制
    $label = $_POST["label"];
代码语言:txt
AI代码解释
复制
}
代码语言:txt
AI代码解释
复制
$allowedExts = array("gif", "jpeg", "jpg", "png");
代码语言:txt
AI代码解释
复制
$temp = explode(".", $_FILES["file"]["name"]);
代码语言:txt
AI代码解释
复制
$extension = end($temp);
代码语言:txt
AI代码解释
复制
if ((($_FILES["file"]["type"] == "image/gif")
代码语言:txt
AI代码解释
复制
|| ($_FILES["file"]["type"] == "image/jpeg")
代码语言:txt
AI代码解释
复制
|| ($_FILES["file"]["type"] == "image/jpg")
代码语言:txt
AI代码解释
复制
|| ($_FILES["file"]["type"] == "image/pjpeg")
代码语言:txt
AI代码解释
复制
|| ($_FILES["file"]["type"] == "image/x-png")
代码语言:txt
AI代码解释
复制
|| ($_FILES["file"]["type"] == "image/png"))
代码语言:txt
AI代码解释
复制
&& ($_FILES["file"]["size"] < 200000)
代码语言:txt
AI代码解释
复制
&& in_array($extension, $allowedExts)) {
代码语言:txt
AI代码解释
复制
    if ($_FILES["file"]["error"] > 0) {
代码语言:txt
AI代码解释
复制
        echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
代码语言:txt
AI代码解释
复制
    } else {
代码语言:txt
AI代码解释
复制
        $filename = $label.$_FILES["file"]["name"];
代码语言:txt
AI代码解释
复制
        echo "Upload: " . $_FILES["file"]["name"] . "<br>";
代码语言:txt
AI代码解释
复制
        echo "Type: " . $_FILES["file"]["type"] . "<br>";
代码语言:txt
AI代码解释
复制
        echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
代码语言:txt
AI代码解释
复制
        echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
        if (file_exists("uploads/" . $filename)) {
代码语言:txt
AI代码解释
复制
            echo $filename . " already exists. ";
代码语言:txt
AI代码解释
复制
        } else {
代码语言:txt
AI代码解释
复制
            move_uploaded_file($_FILES["file"]["tmp_name"],
代码语言:txt
AI代码解释
复制
            "uploads/" . $filename);
代码语言:txt
AI代码解释
复制
            echo "Stored in: " . "uploads/" . $filename;
代码语言:txt
AI代码解释
复制
        }
代码语言:txt
AI代码解释
复制
    }
代码语言:txt
AI代码解释
复制
} else {
代码语言:txt
AI代码解释
复制
    echo "Invalid file";
代码语言:txt
AI代码解释
复制
}
代码语言:txt
AI代码解释
复制
?>

帅的惊动我国

发布于 2017-12-19 04:13:36

一个简单的上传实例:题主可以借鉴下

代码语言:txt
AI代码解释
复制
<script>
代码语言:txt
AI代码解释
复制
   //form Submit
代码语言:txt
AI代码解释
复制
   $("form").submit(function(evt){     
代码语言:txt
AI代码解释
复制
      evt.preventDefault();
代码语言:txt
AI代码解释
复制
      var formData = new FormData($(this)[0]);
代码语言:txt
AI代码解释
复制
   $.ajax({
代码语言:txt
AI代码解释
复制
       url: 'fileUpload',
代码语言:txt
AI代码解释
复制
       type: 'POST',
代码语言:txt
AI代码解释
复制
       data: formData,
代码语言:txt
AI代码解释
复制
       async: false,
代码语言:txt
AI代码解释
复制
       cache: false,
代码语言:txt
AI代码解释
复制
       contentType: false,
代码语言:txt
AI代码解释
复制
       enctype: 'multipart/form-data',
代码语言:txt
AI代码解释
复制
       processData: false,
代码语言:txt
AI代码解释
复制
       success: function (response) {
代码语言:txt
AI代码解释
复制
         alert(response);
代码语言:txt
AI代码解释
复制
       }
代码语言:txt
AI代码解释
复制
   });
代码语言:txt
AI代码解释
复制
   return false;
代码语言:txt
AI代码解释
复制
 });
代码语言:txt
AI代码解释
复制
</script>
代码语言:txt
AI代码解释
复制
<!--Upload Form-->
代码语言:txt
AI代码解释
复制
<form>
代码语言:txt
AI代码解释
复制
  <table>
代码语言:txt
AI代码解释
复制
    <tr>
代码语言:txt
AI代码解释
复制
      <td colspan="2">File Upload</td>
代码语言:txt
AI代码解释
复制
    </tr>
代码语言:txt
AI代码解释
复制
    <tr>
代码语言:txt
AI代码解释
复制
      <th>Select File </th>
代码语言:txt
AI代码解释
复制
      <td><input id="csv" name="csv" type="file" /></td>
代码语言:txt
AI代码解释
复制
    </tr>
代码语言:txt
AI代码解释
复制
    <tr>
代码语言:txt
AI代码解释
复制
      <td colspan="2">
代码语言:txt
AI代码解释
复制
        <input type="submit" value="submit"/> 
代码语言:txt
AI代码解释
复制
      </td>
代码语言:txt
AI代码解释
复制
    </tr>
代码语言:txt
AI代码解释
复制
  </table>
代码语言:txt
AI代码解释
复制
</form>

死者是小智

发布于 2017-12-19 04:12:08

文件上传是不是可以通过Ajax。您可以上传文件,无需使用IFrame刷新页面。你可以在这里查看更多细节

更新:

使用XHR2,支持通过AJAX上传文件。例如通过FormData对象,但不幸的是它并不是所有/旧的浏览器都支持。

FormData支持从以下桌面浏览器版本开始。IE 10+,Firefox 4.0+,Chrome 7+,Safari 5+,Opera 12+

和开发者交流更多问题细节吧,去 写回答
相关文章
【jquery ajax】实现文件上传提交
✍️ 作者简介: 前端新手学习中。 💂 作者主页: 作者主页查看更多前端教学 🎓 专栏分享:css重难点教学 Node.js教学 从头开始学习 ajax学习 在这里看原生ajax实现文件上传 文章目录 JQuery实现文件上传提交   定义UI结构   验证是否选择了文件   向FormData中追加文件并发起ajax请求   jquery实现loading效果   完整代码 JQuery实现文件上传提交   定义UI结构 <script src="https://cdn.
坚毅的小解同志的前端社区
2022/11/28
4.1K0
【jquery ajax】实现文件上传提交
jQuery.ajax文件上传进度条
XMLHttpRequest.upload 向后台上传文件时监听进度,主要使用的是XMLHttpRequest提供的upload方法,此方法会返回一个XMLHttpRequestUpload对象,用来表示上传进度 。 —— XMLHttpRequest.upload
KEVINGUO_CN
2020/03/16
3.5K0
利用JQuery的ajax请求实现文件上传
今天给大家介绍一下如何利用JQuery的ajax请求实现文件上传功能。 主要需要引入一个js文件,然后调用js文件中的ajaxFileUpload请求就可以实现异步文件上传机制了。 第一步:引入js文
林老师带你学编程
2018/01/04
2.9K0
Ajax 文件上传
原文地址:http://blog.sina.com.cn/s/blog_5d64f7e3010127ns.html
易墨
2018/09/14
2.1K0
ajax文件上传-FormData()
HTML: 1 <form action=""> 2 3 <input type="file" id="file1" name=""> 4 5 <br> 6 7 <input type="file" id="file2" name=""> 8 9 <br> 10 11 <input type="button" value="保存"> 12 13
ProsperLee
2018/10/24
5.1K0
ajax文件上传-FormData()
jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法
http://www.w3school.com.cn/jquery/ajax_ajax.asp
一个会写诗的程序员
2018/08/17
14.7K0
Django之Ajax文件上传
      这应该是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单,如果不设置 enctype 属性,那么最终就会以 默认格式application/x-www-form-urlencoded 方式提交数据,ajax默认也是这个。请求类似于下面这样(无关的请求头在本文中都省略掉了):
py3study
2020/02/10
2.3K0
Ajax如何实现文件上传
因为一般情况下,通过表单提交实现文件上传是没有问题的,只需要将表单的enctype属性设置为multipart/form-data即可。例如:
高一峰
2020/09/22
3.1K0
Ajax如何实现文件上传
jquery和springBoot文件上传
完整源码:https://gitee.com/VampireAchao/simple-scaffold.git
阿超
2022/08/17
1K0
jquery和springBoot文件上传
JavaWEB+Ajax实现文件上传
准备:我们需要找一张绿色或者其它颜色的背景图,放在photo文件夹里就好哈,然后加jar:common-io和commo-fileupload就可以哈
SmileNicky
2019/01/17
2.6K0
jQuery+ajax实现简单的上传图片功能
在前面的文章里面有写到,用vue上传图片的功能,vue-element-admin上传图片的功能:https://www.jianshu.com/p/383e1f2f4276,那如果是在jQuery里面,图片上传要怎么写?今天记录一个jQuery+ajax实现简单的上传图片功能。
王小婷
2020/10/29
6.1K1
jQuery+ajax实现简单的上传图片功能
Flask中的AJAX文件上传
表单: <form method="post" enctype=multipart/form-data id='form1'> <input class="form-control" id="image" name="image" required type="file"> <button type="submit" class="btn btn-default" id='submit1'>提交</button> </form> JS: <script> $('#image').change
YingJoy_
2018/09/14
2.8K0
jQuery+ajax实现简单的上传图片功能
在前面的文章里面有写到,用vue上传图片的功能,vue-element-admin上传图片的功能:https://www.jianshu.com/p/383e1f2f4276,那如果是在jQuery里面,图片上传要怎么写?今天记录一个jQuery+ajax实现简单的上传图片功能。
王小婷
2020/10/28
1.2K0
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新。
全栈程序员站长
2022/08/29
1.7K0
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
jQuery ajax - ajax()方法
什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
江一铭
2022/06/17
9.5K0
jQuery Ajax
AJAX简介 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。 AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScr
静默虚空
2018/01/05
1.1K0
jquery ajax
ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。
Devops海洋的渔夫
2019/05/30
1.3K0
jquery ajax
image.png
用户5760343
2022/05/13
1K0
jquery ajax
AJAX的post请求与上传文件
之前介绍了AJAX的get的请求方式与跨域请求,除此之外AJAX还可以进行异步的post请求,在使用post方式的请求时需要设置请求头,如下:
端碗吹水
2020/09/23
3.2K0
AJAX的post请求与上传文件
springmvc文件上传(ajax请求 带参数)
这里用ajax文件上传,并携带几个参数,网上查到的大多都是没带参数只有文件的。 由于我项目代码太多,这里只给出关键代码。
别团等shy哥发育
2023/02/25
1.2K0

相似问题

点播 web上传sdk 只能用jquery的ajax? axios不行吗?

1144

http上传文件正常,https上传文件异常?

1400

上传文件异常?

1347

上传文件失败?

1601

点播服务能上传文件夹吗?

1261
相关问答用户
腾讯云TDP | TDP会员擅长3个领域
平安资管 | 架构师擅长4个领域
擅长3个领域
擅长5个领域
腾讯云TDP | KOL擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档