七牛html js上传带进度条源码

一时失言乱红尘 2022-11-17 05:02 96阅读 0赞

七牛html js上传带进度条源码

注册链接[https://s.qiniu.com/uM7RJv][https_s.qiniu.com_uM7RJv]

完整代码下载:

[https://n802.com/f/349707-489018989-c141f6][https_n802.com_f_349707-489018989-c141f6]（访问密码：5036）

[http://www.yimuhe.com/file-4879048.html][http_www.yimuhe.com_file-4879048.html]

[https://www.90pan.com/b2462703][https_www.90pan.com_b2462703] 密码：5y07

<script type="text/javascript">
    	var token = "";//上传token 获取https://blog.csdn.net/ganggang4321/article/details/88892084
    	var fname = "";//生成后的文件路径及文件名
    	var domain = "";//完整个域名用于生成完整图片路径
    	var config = {
    		useCdnDomain: true,
    		disableStatisticsReport: false,
    		retryCount: 6,
    		region: qiniu.region.z1 //七牛服务器 华东z0 华北z1 华南z2 北美na0 新加坡as0
    	};
    </script>
    <link rel="stylesheet" type="text/css" href="qiniu/circle.css" />
    <script type="text/javascript" src="qiniu/qiniu.min.js"></script>
    <div>
    	<div class="upload_img_hanchao">
    		<ul class="clearfix" style="margin:8px 0;">
    			<li style="padding:0;">
    				<input type="text" id="goods_video" name="goods_video" style="" class="upvideoinputa" value="" />
    			</li>
    			<div id="filed">
    				<button class="btn btn-primary">上传视频</button>
    				<input accept="audio/mp4,video/mp4" class="file-input" type="file" id="goods_video_filebutton" />
    			</div>
    		</ul>
    		<div class="circle-bar hide" id="goods_video_totalBar">
    			<div class="circle-bar-left"></div>
    			<div class="circle-bar-right"></div>
    			<div class="mask"><span class="percent speed">0%</span></div>
    		</div>
    	</div>
    </div>
    <script>
    	var callback = function(res) {
    		if (res.status) {
    			$("#goods_video").val(domain + "/" + res.key);
    		} else {
    			alert("上传出错" + res.message);
    		}
    	};
    	var putExtra = {
    		obj: "#goods_video_filebutton",
    		barobj: "#goods_video_totalBar",
    		fname: "",
    		params: {},
    		mimeType: ["audio\/mp4", "video\/mp4"]
    	};
    	uploadWithSDK(token, putExtra, config, callback);
    </script>

转自:[https://blog.bitefu.net/post/155.html][https_blog.bitefu.net_post_155.html]

[https_s.qiniu.com_uM7RJv]: https://s.qiniu.com/uM7RJv
[https_n802.com_f_349707-489018989-c141f6]: https://n802.com/f/349707-489018989-c141f6
[http_www.yimuhe.com_file-4879048.html]: http://www.yimuhe.com/file-4879048.html
[https_www.90pan.com_b2462703]: https://www.90pan.com/b2462703
[https_blog.bitefu.net_post_155.html]: https://blog.bitefu.net/post/155.html

发表评论取消回复

表情：

评论列表（有 0 条评论，96人围观）

还没有评论，来说两句吧...

相关阅读

相关 C# 视频上传之 HTML+JS实现视频上传显示进度条

原文地址：[https://www.cnblogs.com/zhangyongl/p/8312881.html][https_www.cnblogs.com_zhangyong

约定不等于承诺〃/ 2023年08月17日 16:13/ 0 赞/ 123 阅读

相关七牛html js上传带进度条源码

七牛html js上传带进度条源码注册链接[https://s.qiniu.com/uM7RJv][https_s.qiniu.com_uM7RJv] 完整代码下载:

一时失言乱红尘/ 2022年11月17日 05:02/ 0 赞/ 97 阅读

相关 html资源文件记载进度条,HTML5矢量实现文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web

妖狐艹你老母/ 2022年10月05日 12:53/ 0 赞/ 255 阅读

相关七牛上传文件（JS实现）

写在前面：本人是个新人，很多说法或者写法不正确不严谨，请见谅！未写前的迷茫：在七牛官网实例中可以很正常的使用上传功能，但是将文件以及资源下载到本地就不能上传了，报“格式

深碍√TFBOYSˉ_/ 2022年08月23日 00:30/ 0 赞/ 761 阅读

相关七牛上传文件（JS实现）

写在前面：本人是个新人，很多说法或者写法不正确不严谨，请见谅！未写前的迷茫：在七牛官网实例中可以很正常的使用上传功能，但是将文件以及资源下载到本地就不能上传了，报“格

柔光的暖阳◎/ 2022年08月14日 04:46/ 0 赞/ 201 阅读

相关 springMVC+ajax 文件上传带进度条

前端代码 <script type="text/javascript"> function UpladFil

系统管理员/ 2022年07月24日 07:04/ 0 赞/ 322 阅读

相关七牛js上传

<html> <head> </head> <style> .ipt { width

「爱情、让人受尽委屈。」/ 2022年06月17日 00:11/ 0 赞/ 182 阅读

相关七牛上传base64图片（附js裁剪头像，上传七牛）

代码如下： <div id="myDiv"></div> <script type="text/javascript"> //调用上传

喜欢ヅ旅行/ 2022年06月17日 00:11/ 0 赞/ 320 阅读

相关 springMVC+ajax 文件上传带进度条

转自：https://www.cnblogs.com/xiaochangwei/p/5239104.html 前端代码： ![复制代码][copycode.gif]

今天药忘吃喽~/ 2022年05月30日 09:30/ 0 赞/ 286 阅读

相关 HTML5 jQuery+FormData 异步上传文件，带进度条

[http://blog.csdn.net/michaelwubo/article/details/50865246][http_blog.csdn.net_michaelwu

布满荆棘的人生/ 2021年09月14日 20:06/ 0 赞/ 410 阅读