0

細かいアップローダーを実装しています。これが私がやったことです：

1) 次の html および js クラスを追加しました。

 <link rel="stylesheet" href="Content/fineuploader-3.4.1.css" /> 
<script type="text/javascript" src="Scripts/jquery.fineuploader-3.4.1.min.js"></script>

HTML 

<input type="text" class="input-medium" placeholder="Document Type" data-bind="value: type"/>
                                   <div id="fine-uploader-basic" class="btn btn-success" data-bind="click:$root.uploadFile">
                                        <i class="icon-upload icon-white"></i> Click to upload
                                    </div>
                                    <div id="messages"></div>

JS ファイル

uploadFile: function(data) { 
       var uploader = new qq.FineUploader({
        element: $('#fine-uploader')[0],
        debug: true,
        request: {
            endpoint: "php/fileupload.php"
        }
    });
    }

fineupload.php ファイル: 

<?php
$file = $_FILES['qqfile'];
$uploadDirectory = 'uploads';
$target = $uploadDirectory.DIRECTORY_SEPARATOR.$file['files.php'];
$result = null;
if (move_uploaded_file($file['tmp_name'], $target)){
    $result = array('success'=> true);
    $result['uploadName'] = $file['name'];
} else {
    $result = array('error'=> 'Upload failed');
}
header("Content-Type: text/plain");
echo json_encode($result);

?>

files.php (ファイルが保存されている場所)

<?php 

// Include the uploader class
require_once 'php/fileupload.php';

$uploader = new qqFileUploader();

// Specify the list of valid extensions, ex. array("jpeg", "xml", "bmp")
$uploader->allowedExtensions = array();

// Specify max file size in bytes.
$uploader->sizeLimit = 10 * 1024 * 1024;

// Specify the input name set in the javascript.
$uploader->inputName = 'qqfile';

// If you want to use resume feature for uploader, specify the folder to save parts.
$uploader->chunksFolder = 'chunks';

// Call handleUpload() with the name of the folder, relative to PHP's getcwd()
$result = $uploader->handleUpload('uploads');

// To save the upload with a specified name, set the second parameter.
// $result = $uploader->handleUpload('uploads/', md5(mt_rand()).'_'.$uploader->getName());

// To return a name used for uploaded file you can use the following line.
$result['uploadName'] = $uploader->getUploadName();

header("Content-Type: text/plain");
echo json_encode($result);
?>

問題：

ボタンをクリックすると、次のように変わります。 ここに画像の説明を入力

緑のボタンの内側にある赤いボタンは、緑のボタンとは別のものにする必要があります。

また、ファイルを選択するためのポップアップも表示されません。どちらの PHP ファイルにも 777 パーミッションがあります。

4

1 に答える 1

0

この特定の問題に関する限り、PHP ファイルは無関係です。Fine Uploader のデフォルトのスタイルの「ファイルを選択」ボタンを使用したくない場合は、カスタムの「ボタン」要素で Fine Uploader をポイントする必要があります。

あなたの場合、次のbuttonようなオプションを追加する必要があります。
button: document.getElementById('#fine-uploader-basic')

于 2013-04-07T17:01:04.423 に答える