uplodidy代码
博客专区 > oneboi 的博客 > 博客详情
uplodidy代码
oneboi 发表于1年前
uplodidy代码
  • 发表于 1年前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

uploadfy代码

##1.引入 此插件是一个jquery插件,在引入它之前需要引入jquery插件

1.jquery

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>

插件包括两部分,js文件和css文件,通产插件都包含自己的样式文件

2.插件

<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">

3,改上传插件需要表单控价 type="file"的支持

4.官方演示代码:

<body>
	<h1>Uploadify Demo</h1>
	<form>
		<div id="queue"></div>
		<input id="file_upload" name="file_upload" type="file" multiple="true">
	</form>
	<script type="text/javascript">
		<?php $timestamp = time();?>
		$(function() {
			$('#file_upload').uploadify({
				'formData'     : {
					'timestamp' : '<?php echo $timestamp;?>',
					'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
				},
				'swf'      : 'uploadify.swf',
				'uploader' : 'uploadify.php',
				'auto':false
			});
		});
	</script>
</body>

##2. $(id选择器).uploadify(object)方法

重点是配置:

  1. 'swf' : 'uploadify.swf',
  2. 'uploader' : 'uploadify.php',

##3.服务器端返回json

ext: "png"
id: 13537
info: "上传成功"
key: "download"
md5: "445e4d00a4befdcf45db64adbffd648b"
name: "20130308111421_3msAX.png"
path: "2016-12-02/5840e8c3d260c.png"
savename: "5840e8c3d260c.png"
savepath: "2016-12-02/"
sha1: "c8efaf8acbe428811d4b460fb0c1afe70ac83aad"
size: 36049
status: 1
type: "application/octet-stream"
共有 人打赏支持
粉丝 3
博文 89
码字总数 29764
×
oneboi
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: