Fine Uploader nicht die Datei hochladen

Ich bin mit dem Datei-uploader jquery-plugin, um ajax-Datei hochladen auf meine Website. Aber ich kann einfach nicht herausfinden, was falsch läuft und warum es nicht funktioniert.

Plugin: http://fineuploader.com/index.html

Mein code:

Ich habe den code direkt aus der demo:

$(document).ready(function() {
$fub = $('#fine-uploader-basic');
$messages = $('#messages');

var uploader = new qq.FileUploaderBasic({
  button: $fub[0],
  action: 'http://localhost/script/file_upload/upload_test',
  debug: true,
  allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
  sizeLimit: 204800, //200 kB = 200 * 1024 bytes
  onSubmit: function(id, fileName) {
    $messages.append('<div id="file-' + id + '" class="alert" style="margin: 20px 0 0"></div>');
  },
  onUpload: function(id, fileName) {
    $('#file-' + id).addClass('alert-info')
                    .html('<img src="client/loading.gif" alt="Initializing. Please hold."> ' +
                          'Initializing ' +
                          '“' + fileName + '”');
  },
  onProgress: function(id, fileName, loaded, total) {
    if (loaded < total) {
      progress = Math.round(loaded / total * 100) + '% of ' + Math.round(total / 1024) + ' kB';
      $('#file-' + id).removeClass('alert-info')
                      .html('<img src="client/loading.gif" alt="In progress. Please hold."> ' +
                            'Uploading ' +
                            '“' + fileName + '” ' +
                            progress);
    } else {
      $('#file-' + id).addClass('alert-info')
                      .html('<img src="client/loading.gif" alt="Saving. Please hold."> ' +
                            'Saving ' +
                            '“' + fileName + '”');
    }
  },
  onComplete: function(id, fileName, responseJSON) {
    if (responseJSON.success) {
      $('#file-' + id).removeClass('alert-info')
                      .addClass('alert-success')
                      .html('<i class="icon-ok"></i> ' +
                            'Successfully saved ' +
                            '“' + fileName + '”' +
                            '<br><img src="img/success.jpg" alt="' + fileName + '">');
    } else {
      $('#file-' + id).removeClass('alert-info')
                      .addClass('alert-error')
                      .html('<i class="icon-exclamation-sign"></i> ' +
                            'Error with ' +
                            '“' + fileName + '”: ' +
                            responseJSON.error);
    }
  }
});
});

HTML:

<div id="fine-uploader-basic" class="btn btn-success">
  <i class="icon-upload icon-white"></i> Click to upload
</div>
<div id="messages"></div>

PHP:

public function upload_test() {
  $upload = move_uploaded_file('./user_files', $_FILES['qqfile']['tmp_name']);
  if($upload) {
    echo json_encode(array('success' => true));
  } else {
    echo json_encode(array('success' => false, 'error' => $upload));
  }
}

Ich denke, das problem ist mit PHP, aber ich kann nicht herausfinden, was ich falsch mache. Bitte um Hilfe bevor ich durchdrehe.

Danke.

Was genau ist das Problem?
Es sagt die Datei kann nicht hochgeladen werden, mit einem Fehler "undefined". Der Ordner hat die richtigen Berechtigungen und alle. Ich kann nicht verstehen, warum es nicht funktioniert.

InformationsquelleAutor user1701398 | 2012-11-09

2

habe ich nicht gelesen ur js-und html-Teil, aber Sie brauchen, um Ihre PHP-Teil.
schauen Sie, wie er es tun

fein-uploader-PHP

die php-Datei im github beziehen Sie sich?
Diese Antwort trug TianLoon. Habe ich einfach aktualisiert die original-link, da er gebrochen war.
OK, aber weißt du, welche Datei er redet?
Sie Verstand, mir zu helfen, mit fein-uploader-Problem?
Bitte eröffnen Sie einen neuen thread mit einer Beschreibung Ihres Problems und markieren Sie "fein-uploader".

InformationsquelleAutor Tian Loon

Entfernen action: 'http://localhost/script/file_upload/upload_test', und ändern Sie mit

request: {
            //path to server-side upload script
        endpoint: 'script/file_upload/upload_test/php.php'
         }

Auch in Ihrem php.php Datei kommentieren:

$allowedExtensions = array("jpeg", "jpg", "bmp", "png");
$sizeLimit = 10 * 1024 * 1024;
$uploader = new qqFileUploader($allowedExtensions, $sizeLimit);
$result = $uploader->handleUpload('uploads/'); //folder for uploaded files
echo htmlspecialchars(json_encode($result), ENT_NOQUOTES);

InformationsquelleAutor Dušan

Falls es hilft hier mein setup:

-- jquery.html

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Fine Uploader Demo</title>
        <link href="client/fineuploader.css" rel="stylesheet">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      </head>
      <body>
        <div id="fine-uploader"></div>

        <script src="client/jquery.fineuploader-3.1.1.min.js"></script>
        <script>
          function createUploader() {
            var uploader = new qq.FineUploader({
              debug: true,  
              //Pass the HTML element here
              element: document.getElementById('fine-uploader'),
              //or, if using jQuery
              //element: $('#fine-uploader')[0],
              //Use the relevant server script url here
              //if it's different from the default “/server/upload”
              request: {
                endpoint: 'php.php'

              }
            });
          }

          window.onload = createUploader;
        </script>
      </body>
    </html>

--- php.php (im gleichen Ordner wie die jquery.html)

den folgenden Zeilen wurden auskommentiert:

    //list of valid extensions, ex. array("jpeg", "xml", "bmp")
    $allowedExtensions = array();
    //max file size in bytes
    $sizeLimit = 10 * 1024 * 1024;
    //the input name set in the javascript
    $inputName = 'qqfile';

    $uploader = new qqFileUploader($allowedExtensions, $sizeLimit, $inputName);

    $result = $uploader->handleUpload('uploads/');
    header("Content-Type: text/plain");
    echo htmlspecialchars(json_encode($result), ENT_NOQUOTES);

uploads Ordner hat 777 Berechtigungen

MAMP HINWEIS: EINE stream_copy_to_stream() Fehler wird geworfen auf hochladen.
Lösung:
Ändern Sie Zeile 58 in der php.php aus
$temp = tmpfile();
zu
$temp = fopen("php://temp", "wb"); //$temp = tmpfile();

hoffe, das jemand hilft.

Ich folgte diesem Beispiel, aber die fileuploader nicht angezeigt wird in meinem UI. Irgendwelche Hinweise, warum passiert das ?

InformationsquelleAutor Steven

Ich sah eine Menge von Menschen, die Probleme im Umgang mit den server-side-Skript zum verarbeiten der hochgeladenen Datei. Ich brauchte einige Zeit, um herauszufinden, wie das schreiben meiner eigenen Skript zum speichern der hochgeladenen Datei in die Datenbank. Dieses code-Beispiel unten wird sehr illustrativ für diejenigen, die das gleiche Problem Auftritt.

<?php
$file = $_FILES['qqfile'];
$uploadDirectory = 'uploads';
$target = $uploadDirectory.DIRECTORY_SEPARATOR.$file['name'];
$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);

Natürlich, stellen Sie den Namen des upload-Verzeichnis. Es sollte funktionieren mit der javascript-unten:

$(document).ready(function() {
    var uploader = new qq.FineUploader({
        element: $('#basicUploadSuccessExample')[0],
        debug: true,
        request: {
            endpoint: "server/php/example.php"
        }
    });
});

Nur sicherstellen, dass Sie enthalten alle *.js in den html-Code.

ist die php-gepostet genannt 'example.php" ?

InformationsquelleAutor Saul Berardo

1

War ich ein problem hochladen, um den Ordner als gut. Um weitere Informationen erhalten, änderte ich die qqFileUploader.php Linie 59:
```
if (!is_writable($uploadDirectory) || !is_executable($uploadDirectory))
{
return array('error' =>"Server error. Uploads directory isn't writable or executable. CUR_DIR: " . getcwd() . " DIR: " . $uploadDirectory);
}
```
Tun, nachdem ich sah, dass das problem war, dass es auf der Suche nach dem Ordner, in mein php-Verzeichnis als adaptiert, um das root-Verzeichnis.

Ich geändert
$Ergebnis = $uploader->handleUpload ('/');
zu
$Ergebnis = $uploader->handleUpload('../up/');
problem wurde behoben, für mich.

InformationsquelleAutor jeremyforan
0

"File uploader", nehme ich an?

Haben Sie getan Debuggen, z.B. hinzufügen von Funktionen zur Fehlerbehandlung, um Ihre php-code? Dein code ist kaputt auf mehreren Ebenen:

1) move_upload_file erfordert ein Ziel DATEI Namen. Du bist Ihnen nur ein Verzeichnis:
```
move_uploaded_file('/path/to/destination/on/server.txt', $_FILES['qqfile']['tmp_name']);
```
2) Du bist nicht die überprüfung der upload-acctually dem gelang.
```
if($_FILES['qqfile']['error'] !== UPLOAD_ERR_OK) {
     die("UPload failed with error code " . $_FILES['qqfile']['error']);
}
```
Die Fehlercodes werden hier definiert: http://php.net/manual/en/features.file-upload.errors.php

Nein, Fein ist fein 😀 Folgen Sie dem link, den er gepostet
Ich bin mit dem feinen uploader, aber ich habe gerade versucht, was Sie vorgeschlagen und nichts hat sich geändert. Ich bekomme immer noch die gleichen Fehler/problem.

InformationsquelleAutor Marc B

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.