如何在uploadify中传递自定义值 [英] how to pass custom values in uploadify

查看:77
本文介绍了如何在uploadify中传递自定义值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

in uploadify中的方法如何将用户输入值传递给uploadify.php 这是我的代码:

in uploadify How to pass user input values to uploadify.php here is my code:

           $(function() {

    $('#file_upload').uploadify({
    'buttonText' : 'BROWSE...',
    'method'   : 'post', 
    'height'   : 50, 
    'buttonCursor' : 'hand',
    'fileSizeLimit' : '100KB', 
    'formData' : {
    'title' :$('input:text[name:title]').val(),
    'about' :$('input:text[name:about]').val() },
    'auto'     : false,
    'swf'      : 'uploadify.swf',
    'checkExisting' : 'check-exists.php',
    'uploader' : 'uploadify.php',
    'onUploadSuccess' : function(file, data, response) {
    $("#message").css("display","block");
    $("#message").text("upload process completed successfully");
    setTimeout(function() {
    $('#message').fadeOut('fast');
}, 5000);
    }, 

    'onUploadError' : function(file, errorCode, errorMsg, errorString) {
       alert('The file ' + file.name + ' could not be uploaded: ' + errorString);
    }  
});



    });
    </script>
    </head>
<?php include("includes/connection.php");?>
    <body>
        <div id="page">
            <div id="header">
                <h1>Photogallery</h1>
     <?php  include("includes/navigation.php"); ?>
            </div><!--header-->

            <div id="content">

                <div id="left">

<div id="message">
</div>
<?php

 ?>     

 <table>
    <tr>
        <td>
            <P>Title:</P>
        </td>
        <td>
            <input type="text" value="" name="title" id="idtitle" />
        </td>
    </tr>
    <tr>
        <td>
            <p>About:</p>
        </td>
        <td>
            <p><input type="text" value="" name="about"  />  </p>
        </td>
    </tr>
    <tr>
        <td>
            Select Photos you want to Upload
        </td>
        <td>
            <input type="file" name="file_upload" id="file_upload" />
        </td>
    </tr>
 </table>           


<a href="javascript:$('#file_upload').uploadify('cancel')">Cancel First File</a> | <a href="javascript:$('#file_upload').uploadify('cancel', '*')">Clear the Queue</a> | <a href="javascript:$('#file_upload').uploadify('upload', '*')">Upload the Files</a>



                </div><!--left-->

这是我的uplodify.php文件

Here is my uplodify.php file

   <?php
require_once("includes/connection.php");

$targetFolder = '/workbench/sudeepc/photogallery/uploads' ; 
     $title=$_POST['title'];
     // $title="testtitle";
     $about=$_POST['about'];    
if (!empty($_FILES)) {
    $tempFile = $_FILES['Filedata']['tmp_name'];
    $targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
    $targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];

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



    if (in_array($fileParts['extension'],$fileTypes)) {
        move_uploaded_file($tempFile,$targetFile);

$query="INSERT INTO `photo` ( `id` , `path` , `uname` , `title` , `about` , `date` )
VALUES ('','${targetFile}','uname','${title}','${about}',now())";       

 /*
 $query="INSERT INTO `photo` ( `id` , `path` , `uname` )
 VALUES ( '','${targetFile}', '${title}');";
 */
 mysql_query($query,$connection);


    } else {
        echo 'Invalid file type.';
    }
}
?>

我想传递标题以及每个上传的标题,并且当用户选择多张图片时,用户可以输入标题以及关于每个上传的标题.我该如何解决这个问题?

I want to pass title as well as about for each uploads and when user select more than one picture user can enter title and about for each one. How can I resolve this problem?

推荐答案

  1. 如何在uploadify中传递自定义值:

'formData': { 'userid': $("#uid").val(), 'taskid': $("#tid").val(), 'guid': $("#guid").val() },

  1. 有什么方法可以获取上传队列中的图像数量吗? -onDialogClose,您可以像这样访问队列:

'onDialogClose': function(queueData) { alert(queueData.filesQueued + ' files were queued of ' + queueData.filesSelected + ' selected files. There are ' + queueData.queueLength + ' total files in the queue.'); },

'onDialogClose': function(queueData) { alert(queueData.filesQueued + ' files were queued of ' + queueData.filesSelected + ' selected files. There are ' + queueData.queueLength + ' total files in the queue.'); },

这篇关于如何在uploadify中传递自定义值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆