1

私は自分のウェブサイト用の画像アップロード機能を構築していますが、自分のアップローダを転がす時間を無駄にするのではなく、pluploader を使用することにしました。以前にこのアップローダを使用したことがあり、箱から出してすぐに機能しましたが、今回は機能しません。
私のアップロードページのコード:

<script type="text/javascript">
$(function() {
$("#uploader").plupload({
    // General settings
    runtimes : 'html5,gears,flash,silverlight,browserplus',
    url : '/plupload/examples/upload.php',
    max_file_size : '10mb',
    chunk_size : '1mb',

    // Specify what files to browse for
    filters : [
        {title : "Image files", extensions : "jpg,gif,png"},
    ],

    // Flash settings
    flash_swf_url : '/plupload/js/plupload.flash.swf',

    // Silverlight settings
    silverlight_xap_url : '/plupload/js/plupload.silverlight.xap'

});
    // Client side form validation
$('form').submit(function(e) {
    var uploader = $('#uploader').plupload('getUploader');

    // Files in queue upload them first
    if (uploader.files.length > 0) {
        // When all files are uploaded submit form
        uploader.bind('StateChanged', function() {
            if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
                $('form')[0].submit();
            }
        });

        uploader.start();
    } else
        alert('You must at least upload one file.');

    return false;
});

});
</script>

そして、私のアップロードファイル:

    <?php
/**
 * upload.php
 *
 * Copyright 2009, Moxiecode Systems AB
 * Released under GPL License.
 *
 * License: http://www.plupload.com/license
 * Contributing: http://www.plupload.com/contributing
 */

// HTTP headers for no cache etc
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

// Settings
//$targetDir = ini_get("upload_tmp_dir") . DIRECTORY_SEPARATOR . "plupload";
$targetDir = 'imgs' . DIRECTORY_SEPARATOR . 'uploads';

$cleanupTargetDir = false; // Remove old files
$maxFileAge = 5 * 3600; // Temp file age in seconds

// 5 minutes execution time
@set_time_limit(5 * 60);

// Uncomment this one to fake upload time
// usleep(5000);

// Get parameters
$chunk = isset($_REQUEST["chunk"]) ? intval($_REQUEST["chunk"]) : 0;
$chunks = isset($_REQUEST["chunks"]) ? intval($_REQUEST["chunks"]) : 0;
$fileName = isset($_REQUEST["name"]) ? $_REQUEST["name"] : '';

// Clean the fileName for security reasons
$fileName = preg_replace('/[^\w\._]+/', '_', $fileName);

// Make sure the fileName is unique but only if chunking is disabled
if ($chunks < 2 && file_exists($targetDir . DIRECTORY_SEPARATOR . $fileName)) {
    $ext = strrpos($fileName, '.');
    $fileName_a = substr($fileName, 0, $ext);
    $fileName_b = substr($fileName, $ext);

    $count = 1;
    while (file_exists($targetDir . DIRECTORY_SEPARATOR . $fileName_a . '_' . $count . $fileName_b))
        $count++;

    $fileName = $fileName_a . '_' . $count . $fileName_b;
}

$filePath = $targetDir . DIRECTORY_SEPARATOR . $fileName;

// Create target dir
if (!file_exists($targetDir))
    @mkdir($targetDir);

// Remove old temp files    
if ($cleanupTargetDir && is_dir($targetDir) && ($dir = opendir($targetDir))) {
    while (($file = readdir($dir)) !== false) {
        $tmpfilePath = $targetDir . DIRECTORY_SEPARATOR . $file;

        // Remove temp file if it is older than the max age and is not the current file
        if (preg_match('/\.part$/', $file) && (filemtime($tmpfilePath) < time() - $maxFileAge) && ($tmpfilePath != "{$filePath}.part")) {
            @unlink($tmpfilePath);
        }
    }

    closedir($dir);
} else
    die('{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id"}');


// Look for the content type header
if (isset($_SERVER["HTTP_CONTENT_TYPE"]))
    $contentType = $_SERVER["HTTP_CONTENT_TYPE"];

if (isset($_SERVER["CONTENT_TYPE"]))
    $contentType = $_SERVER["CONTENT_TYPE"];

// Handle non multipart uploads older WebKit versions didn't support multipart in HTML5
if (strpos($contentType, "multipart") !== false) {
    if (isset($_FILES['file']['tmp_name']) && is_uploaded_file($_FILES['file']['tmp_name'])) {
        // Open temp file
        $out = fopen("{$filePath}.part", $chunk == 0 ? "wb" : "ab");
        if ($out) {
            // Read binary input stream and append it to temp file
            $in = fopen($_FILES['file']['tmp_name'], "rb");

            if ($in) {
                while ($buff = fread($in, 4096))
                    fwrite($out, $buff);
            } else
                die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');
            fclose($in);
            fclose($out);
            @unlink($_FILES['file']['tmp_name']);
        } else
            die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');
    } else
        die('{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}');
} else {
    // Open temp file
    $out = fopen("{$filePath}.part", $chunk == 0 ? "wb" : "ab");
    if ($out) {
        // Read binary input stream and append it to temp file
        $in = fopen("php://input", "rb");

        if ($in) {
            while ($buff = fread($in, 4096))
                fwrite($out, $buff);
        } else
            die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');

        fclose($in);
        fclose($out);
    } else
        die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');
}

// Check if file has been uploaded
if (!$chunks || $chunk == $chunks - 1) {
    // Strip the temp .part suffix off 
    rename("{$filePath}.part", $filePath);
}


// Return JSON-RPC response
die('{"jsonrpc" : "2.0", "result" : null, "id" : "id"}');

?>

私はこれらすべてを頭の中に持っています：

        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

    <!-- Load plupload and all it's runtimes and finally the UI widget -->
    <link rel="stylesheet" href="/plupload/js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />

    <script type="text/javascript" src="/plupload/js/plupload.js"></script>
    <script type="text/javascript" src="/plupload/js/plupload.gears.js"></script>
    <script type="text/javascript" src="/plupload/js/plupload.silverlight.js"></script>
    <script type="text/javascript" src="/plupload/js/plupload.flash.js"></script>
    <script type="text/javascript" src="/plupload/js/plupload.browserplus.js"></script>
    <script type="text/javascript" src="/plupload/js/plupload.html4.js"></script>
    <script type="text/javascript" src="/plupload/js/plupload.html5.js"></script>
    <script type="text/javascript" src="/plupload/js/jquery.ui.plupload/jquery.ui.plupload.js"></script>

派手なアップロードボックスが表示され、ファイルを選択し、アップロードを押してパーセンテージを実行し、アップロードしたと言うように機能します。しかし、アップロードディレクトリにたどり着きましたが、そこには何もありません。写真をアップロードするために複数の場所を試しましたが、どれも機能しません。また、ホストディレクトリ全体で画像を検索しましたが、アップロードされていません。
何か案は？

編集：
一時ディレクトリにアップロードする必要がありますが、2番目に一時ディレクトリを別のものに置き換えると、エラーコード100の送信が開始され、一時ディレクトリを開くことができませんでした。何をすべきかについてはまだ困惑しています。

4

2 に答える 2

1

Plupload Show の成功は、完了したいことを完了する必要があるという意味ではありません。これは、サーバーへの写真のアップロードが完了したことを意味するだけです。その後、何らかの例外が発生します。たとえば、ディレクトリを正常に作成できない、または fwrite が間違ったステータスを返すなどです。

firebug などを使用してコードをデバッグし、サーバー コードからの応答を確認し、error_report をオンにすると、真実を確認できます。

それがあなたの役に立ちますように。

于 2012-04-22T03:37:38.717 に答える
0

PLUpload ウィジェットのプログレス バーは、ファイルがサーバーに正常に送信されていることを示しています。アップロード サーバーが受信したデータを正しく処理しているわけではありません。

http://www.plupload.com/punbb/viewtopic.php?id=1985での私の投稿によると、PHP サーバーの設定に関係している可能性があります。

于 2013-02-06T10:46:32.147 に答える