jQuery uploadify 将图像存储在 mysql 中

Posted 2023-02-24

【中文标题】jQuery uploadify 将图像存储在 mysql 中

【英文标题】：JQuery uploadify to store images in mysql

【发布时间】：2012-11-05 18:37:19

【问题描述】：

我正在尝试使用 uploadify 将多个图像插入 mysql 数据库。 我的数据库的其中一个列是 longblob 类型。 每次我选择多个文件时，只有我的第一个图像被成功插入。我设置了 multi = true。我无法插入多个图像，而且每当我点击上传链接时，onComplete 事件都不会执行。没有显示错误。 由于某种原因，我的脚本无法插入多个图像，因此我的上传完成事件没有被调用。

我遇到的大多数示例，不插入实际图像，而只是将文件名的路径插入数据库。谁能帮我让我的脚本将多个图像上传到数据库中？

这是我的 index.php 脚本：

<script type="text/javascript">

 $(document).ready(function() 

//alert('I am ready to use uploadify!');
$("#picture").uploadify(
    'uploader': 'uploadifyit/uploadify.swf',
    'script': 'sqlupload.php',
    'cancelImg': 'uploadifyit/cancel.png',
    'folder': 'uploads',
    'auto': false, // use for auto upload
    'multi': true,
    'queueSizeLimit': 4,
    'sizeLimit': 10000000,
    'onQueueFull': function(event, queueSizeLimit) 
        alert("Please don't put anymore files in me! You can upload " + queueSizeLimit + " files at once");
        return false;
    ,
    'onAllComplete'  : function() 
    alert("Thank you. All files have been uploaded successfully."); 
    ,
    'onComplete': function(event, ID, fileObj, response, data) 
        console.log(response); // If you're using firebug
        alert(response); // Will alert the php error
    ,
    'onUploadError' : function(file, errorCode, errorMsg, errorString) 
        alert('The file ' + file.name + ' could not be uploaded: ' + errorString);
    
);
);
</script>

sqlupload.php

        <?php
         mysql_connect("localhost", "root", "")or die(mysql_error());
          mysql_select_db("project") or die(mysql_error()); 

         if (!empty($_FILES)) 

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

     if (in_array(strtolower($fileParts['extension']),$fileTypes)) 

    $pic_name = $_FILES['Filedata']['name']; 
        $pic_size = $_FILES['Filedata']['size']; 
        $pic_type = $_FILES['Filedata']['type'];
    $imgData =addslashes(file_get_contents($_FILES['Filedata']['tmp_name']));    

// our sql query
      $sql = "INSERT INTO photos (name,type,size,image)   VALUES('$pic_name','$pic_type','$pic_size','$imgData')";
 // insert the image
mysql_query($sql) or die("Error in Query: " . mysql_error());

else 
echo "Invalid file type";

?>

【问题讨论】：

使用 print_r($_FILES) 打印输出，设计循环模式

不要使用 addlashes()。它对于防止 sql 注入非常有用，就像一张湿厕纸对于烘干新泽西州的球衣一样有用。

你试过jquery file upload plugin吗？它使用 fileApi 并回退到 iframe 传输它还具有使用启用画布的浏览器来调整图像客户端大小的挂钩

为什么要将图像存储在数据库中？您最好将它们存储在文件系统上，并在数据库中保留对文件路径的引用。

【参考方案1】：

试试下面的代码

  <?php
         mysql_connect("localhost", "root", "")or die(mysql_error());
          mysql_select_db("project") or die(mysql_error()); 

         if (!empty($_FILES)) 

         $fileTypes = array('jpg','jpeg','gif','png'); // File extensions
         $fileParts = pathinfo($_FILES['Filedata']['name']);
         //Upload file
         $tempFile = $_FILES['Filedata']['tmp_name'];
         $targetPath = $_SERVER['DOCUMENT_ROOT'] . $_GET['folder'] . '/';
         $targetFile =  str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];
         move_uploaded_file($tempFile,$targetFile);

     if (in_array(strtolower($fileParts['extension']),$fileTypes)) 

    $pic_name = $_FILES['Filedata']['name']; 
        $pic_size = $_FILES['Filedata']['size']; 
        $pic_type = $_FILES['Filedata']['type'];
    $imgData =addslashes(file_get_contents($_FILES['Filedata']['tmp_name']));    

// our sql query
      $sql = "INSERT INTO photos (name)   VALUES('$pic_name')";
 // insert the image
mysql_query($sql) or die("Error in Query: " . mysql_error());

else 
echo "Invalid file type";

【参考方案2】：

也许这个插件可以帮助你：

http://des.delestesoft.com:8080/?go=2