当前位置:首页 > 技术分享 > 正文内容

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

admin5年前 (2021-04-08)技术分享3446

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

注册链接https://s.qiniu.com/uM7RJv

完整代码下载:

https://n802.com/f/349707-489018989-c141f6(访问密码:5036)

http://www.yimuhe.com/file-4879048.html

https://www.90pan.com/b2462703 密码:5y07

<script type="text/javascript">
	var token = "";//上传token
	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>


扫描二维码推送至手机访问。

版权声明:本文由小刚刚技术博客发布,如需转载请注明出处。

本文链接:http://blog.bitefu.net/post/155.html

分享给朋友:

相关文章

360浏览器如何禁止切换到兼容模式[本地终极办法]

360浏览器如何禁止切换到兼容模式[本地终极办法]

浏览器内核控制标签meta说明背景介绍由于众所周知的原因,国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。以360浏览器为例,我们优先通过Webk...

超高性比的斐讯盒子T1,刷第三方YYF固件机教程超级详细版

超高性比的斐讯盒子T1,刷第三方YYF固件机教程超级详细版

家里面买了斐讯盒子T1,必不可少的就是刷机,刷机一直爽,一直刷机一直爽,这样的快乐一般人体会不到。原来斐讯盒子N1,T1,还有斐讯K2P路由器也变成了性价比超高的东东,而且众多大神也带来了超多可玩性非常高的固件和破解。楼主今天扒到了相关超高...

2021可用的百度网盘高速下载方法分享

2021可用的百度网盘高速下载方法分享

最新可用方法http://blog.bitefu.net/post/163.html方法很简单就是利用网盘直链下载助手【网盘直链下载助手】是一款免费开源获取网盘文件真实下载地址的油猴脚本,基于PCSAPI,支持Windows,Mac,Lin...

php Aes 加密模式ECB填充pkcs5padding base64

最近做支付项目用到了aes加密不过试了好多办法总是和官方给出的结果不一样,找了很久终于找到了测试结果同 http://tool.chacuo.net/cryptaes/ <?php /**  * [Aes&nb...

PHP和Redis实现在高并发下的抢购及秒杀功能

抢购、秒杀是平常很常见的场景,面试的时候面试官也经常会问到,比如问你淘宝中的抢购秒杀是怎么实现的等等。抢购、秒杀实现很简单,但是有些问题需要解决,主要针对两个问题:一、高并发对数据库产生的压力二、竞争状态下如何解决库存的正确减少("...

PIP 更换国内安装源linux/windows

pip国内的一些镜像  阿里云 http://mirrors.aliyun.com/pypi/simple/   中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/   豆瓣(...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。