jquery uploadify设置与后台上传

<script src="<?php echo Kohana::$base_url?>assets/fornt/jquery.uploadify.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo Kohana::$base_url?>assets/fornt/uploadify.css">
<script type="text/javascript">
$(function() {
	$("#_<?php echo($field);?>").uploadify({
		formData     	: {
			'timestamp'	: '<?php echo $timestamp;?>',
			'token'   	: '<?php echo md5('unique_salt' . $timestamp);?>'
		},
		swf           	: '<?php echo Kohana::$base_url?>assets/fornt/uploadify.swf',
		uploader      	: '<?php echo(URL::site("/admin/update/apk/uploadify"));?>',
		width         	: 120,
		uploadLimit 	: 1,//允许上传文件个数
		/*
		//上传完成后回调函数,这里上传完成即将文件名填充到文本框中。
		onUploadComplete : function(file, data) {
			$filename =  $("#_<?php echo($field);?>x").attr('value');
			if($filename)$filename = $filename+",";
			$filename = $filename+file.name;
            $("#_<?php echo($field);?>x").attr('value', $filename);
        },
		*/
		//上传成功后回调函数,这里上传成功后将值填充到文本框
		onUploadSuccess : function(file, data, response) {
			$filename = file.name;
            $("#_<?php echo($field);?>x").attr('value', $filename);
        },
		
		
	});
});
</script>
<!--这里的div 用于显示进度条-->
<div style="position:absolute; z-index:1000px; clear:both; ">
	<div id="queue" style="width:100px; "></div>
</div>				


    //多文件上传
    function action_uploadify()
    {
    	//上传地址
        $folder         = 'assets/uploads/front';
        $targetFolder   = Kohana::$base_url.'assets/uploads/front'; //Relative to the root
        //echo($_SERVER['DOCUMENT_ROOT'] . $targetFolder);
        $timestamp 		= isset($_POST['timestamp']) ? $_POST['timestamp'] : '';
        $verifyToken    = md5('unique_salt' . $timestamp);

        if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
            $tempFile   = $_FILES['Filedata']['tmp_name'];
            $targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;

            // Validate the file type
            $fileTypes  = array('jpg','jpeg','gif','png'); // File extensions
            $fileParts  = pathinfo($_FILES['Filedata']['name']);
            

            //目标文件名
            //$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];
            $filename   = md5($_FILES['Filedata']['name'].microtime().rand(1,100)).'.'.$fileParts['extension'];
            $targetFile = rtrim($targetPath,'/') . '/' . $filename;
            $imgname    = $folder . '/' . $filename;
            
            
                if (in_array($fileParts['extension'], $fileTypes)) 
                {
                    move_uploaded_file($tempFile, $targetFile);
                    
                    //$this->_crop_img($targetFile);//裁剪
                    //$this->_insert_image($imgname);//存入数据库
                    echo '1';
                    sleep(1);
                } else 
                {
                    echo 'Invalid file type.';
                }
        }   

    }


api地址:http://www.uploadify.com/documentation/





  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery Uploadify 是一个基于 Jquery 的文件上插件,它使用 Flash 技术来实现文件上功能。它简单易用,可以方便地进行文件上,并提供了多个自定义选项,如文件大小限制、文件类型限制等。 H5 上指的是使用 HTML5 中的 File API 来实现文件上功能。与统的 Flash、Java Applet 等方式相比,H5 上更加安全、快速,并且不需要额外安装插件。 使用 Jquery Uploadify 进行 H5 上,可以通过以下步骤进行操作: 1. 下载并引入 Jquery Uploadify 插件文件,并确保引入了 jQuery 库。 2. 在 HTML 文件中创建一个显示上文件区域的容器,如: <div id="file-upload-container"> <input type="file" id="file-upload" name="file-upload" multiple> </div> 3. 在 JavaScript 文件中,使用 Jquery 的选择器选取文件上区域,然后调用 Uploadify 插件的方法进行初始化,如: $("#file-upload").uploadify({ swf: 'uploadify.swf', // 指定 Flash 文件路径 uploader: 'uploadify.php', // 指定上文件的服务器端处理文件路径 // 其他自定义选项... }); 4. 在服务器端编写处理文件上的脚本(uploadify.php)。可以使用 PHP、Java、Python 等服务器端语言进行处理,并根据上结果返回相应的提示信息。 通过以上步骤,我们就可以使用 Jquery Uploadify 插件进行 H5 文件上了。需要注意的是,由于 H5 上只能在现代浏览器中完全支持,所以在使用时应该检查浏览器兼容性,确保用户能够正常上文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值