【急-求助】swfupload上传进度条一上来就是100%，然后再慢慢上传。

我的upload.php文件是自己写的，加上swfupload确实可以上传，显示也没问题，但是一点上传，进度立刻变成100%，然后它自己再慢慢上传，等一会儿之后文件也可以传到指定地点，但就是进度显示不正确，如何解决？
这个进度是怎么来的？（原理） 我需要修改js还是要从PHP中加点什么代码？求助啊，问了整个网站全没人知道吗？

12 个解决方案

#1

swfupload 我也用这个，你是在官网下载的吗？你这个问题没遇到过

#2

是从官网上下的，原来的那个进度能用，但是upload.php文件我是自己写的，没有用他原来的呆某，我觉得问题应该出在upload.php这个文件里，请问在upload.php中加入哪句话可以返回上传进度啊？

#3

引用 楼主 tianpeiwen 的回复:

我的upload.php文件是自己写的，加上swfupload确实可以上传，显示也没问题，但是一点上传，进度立刻变成100%，然后它自己再慢慢上传，等一会儿之后文件也可以传到指定地点，但就是进度显示不正确，如何解决？
这个进度是怎么来的？（原理） 我需要修改js还是要从PHP中加点什么代码？求助啊，问了整个网站全没人知道吗？

是从官网上下的，原来的那个进度能用，但是upload.php文件我是自己写的，没有用他原来的呆某，我觉得问题应该出在upload.php这个文件里，请问在upload.php中加入哪句话可以返回上传进度啊？

#4

这个只有你慢慢排查，有没有代码？？

#5

你的handle.js里面的URL设置可能有问题。

#6

这是handle.js文件

/* Demo Note:  This demo uses a FileProgress class that handles the UI for displaying the file name and percent complete.
The FileProgress class is not part of SWFUpload.
*/


/* **********************
   Event Handlers
   These are my custom event handlers to make my
   web application behave the way I went when SWFUpload
   completes different tasks.  These aren't part of the SWFUpload
   package.  They are part of my application.  Without these none
   of the actions SWFUpload makes will show up in my application.
   ********************** */

function swfUploadPreLoad() {
var self = this;
var loading = function () {
//document.getElementById("divSWFUploadUI").style.display = "none";
document.getElementById("divLoadingContent").style.display = "";

var longLoad = function () {
document.getElementById("divLoadingContent").style.display = "none";
document.getElementById("divLongLoading").style.display = "";
};
this.customSettings.loadingTimeout = setTimeout(function () {
longLoad.call(self)
},
15 * 1000
);
};

this.customSettings.loadingTimeout = setTimeout(function () {
loading.call(self);
},
1*1000
);
}
function swfUploadLoaded() {
var self = this;
clearTimeout(this.customSettings.loadingTimeout);
//document.getElementById("divSWFUploadUI").style.visibility = "visible";
//document.getElementById("divSWFUploadUI").style.display = "block";
document.getElementById("divLoadingContent").style.display = "none";
document.getElementById("divLongLoading").style.display = "none";
document.getElementById("divAlternateContent").style.display = "none";

//document.getElementById("btnBrowse").onclick = function () { self.selectFiles(); };
document.getElementById("btnCancel").onclick = function () { self.cancelQueue(); };
}
   
function swfUploadLoadFailed() {
clearTimeout(this.customSettings.loadingTimeout);
//document.getElementById("divSWFUploadUI").style.display = "none";
document.getElementById("divLoadingContent").style.display = "none";
document.getElementById("divLongLoading").style.display = "none";
document.getElementById("divAlternateContent").style.display = "";
}
   
   
function fileQueued(file) {
try {
var progress = new FileProgress(file, this.customSettings.progressTarget);
progress.setStatus("Pending...");
progress.toggleCancel(true, this);

} catch (ex) {
this.debug(ex);
}

}

function fileQueueError(file, errorCode, message) {
try {
if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
//alert("对不起，您已经上传过文件了");
return;
}

var progress = new FileProgress(file, this.customSettings.progressTarget);
progress.setError();
progress.toggleCancel(false);

switch (errorCode) {
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
progress.setStatus("File is too big.");
this.debug("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
progress.setStatus("Cannot upload Zero Byte files.");
this.debug("Error Code: Zero byte file, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
progress.setStatus("Invalid File Type.");
this.debug("Error Code: Invalid File Type, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
default:
if (file !== null) {
progress.setStatus("Unhandled Error");
}
this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
}
} catch (ex) {
        this.debug(ex);
    }
}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
try {
if (numFilesSelected > 0) {
document.getElementById(this.customSettings.cancelButtonId).disabled = false;
}

/* I want auto start the upload and I can do that here */
this.startUpload();
} catch (ex)  {
        this.debug(ex);
}
}

function uploadStart(file) {
try {
/* I don't want to do any file validation or anything,  I'll just update the UI and
return true to indicate that the upload should start.
It's important to update the UI here because in Linux no uploadProgress events are called. The best
we can do is say we are uploading.
 */
var progress = new FileProgress(file, this.customSettings.progressTarget);
progress.setStatus("Uploading...");
progress.toggleCancel(true, this);
}
catch (ex) {}

return true;
}

function uploadProgress(file, bytesLoaded, bytesTotal) {
try {
var percent = Math.ceil((bytesLoaded / bytesTotal) * 100);

var progress = new FileProgress(file, this.customSettings.progressTarget);
progress.setProgress(percent);
progress.setStatus("宸蹭笂浼?" + percent+ "% ......");
} catch (ex) {
this.debug(ex);
}
}

function uploadSuccess(file, serverData) {
try {
var progress = new FileProgress(file, this.customSettings.progressTarget);
progress.setComplete();
progress.setStatus("Complete.");
progress.toggleCancel(false);

} catch (ex) {
this.debug(ex);
}
}

function uploadError(file, errorCode, message) {
try {
var progress = new FileProgress(file, this.customSettings.progressTarget);
progress.setError();
progress.toggleCancel(false);

switch (errorCode) {
case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
progress.setStatus("Upload Error: " + message);
this.debug("Error Code: HTTP Error, File name: " + file.name + ", Message: " + message);
break;
case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
progress.setStatus("Upload Failed.");
this.debug("Error Code: Upload Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
case SWFUpload.UPLOAD_ERROR.IO_ERROR:
progress.setStatus("Server (IO) Error");
this.debug("Error Code: IO Error, File name: " + file.name + ", Message: " + message);
break;
case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
progress.setStatus("Security Error");
this.debug("Error Code: Security Error, File name: " + file.name + ", Message: " + message);
break;
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
progress.setStatus("Upload limit exceeded.");
this.debug("Error Code: Upload Limit Exceeded, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
progress.setStatus("Failed Validation.  Upload skipped.");
this.debug("Error Code: File Validation Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
// If there aren't any files left (they were all cancelled) disable the cancel button
if (this.getStats().files_queued === 0) {
document.getElementById(this.customSettings.cancelButtonId).disabled = true;
}
progress.setStatus("Cancelled");
progress.setCancelled();
break;
case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
progress.setStatus("Stopped");
break;
default:
progress.setStatus("Unhandled Error: " + errorCode);
this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
break;
}
} catch (ex) {
        this.debug(ex);
    }
}

function uploadComplete(file) {
if (this.getStats().files_queued === 0) {
document.getElementById(this.customSettings.cancelButtonId).disabled = true;
}
}

// This event comes from the Queue Plugin
function queueComplete(numFilesUploaded) {
var status = document.getElementById("divStatus");
status.innerHTML = numFilesUploaded + " file" + (numFilesUploaded === 1 ? "" : "s") + " uploaded.";
}

#7

这是我自己写的那个upload.php

<?php
session_start();
$str = $_FILES["Filedata"]['name'].'-/+*/-'.$_FILES["Filedata"]['size'];
$_SESSION['myfile'.$_COOKIE['uid']] = $str;
require '../../aliyun/aliyun.php';
use Aliyun\OSS\OSSClient;
//aliyun
// Sample of create client
function createClient($accessKeyId, $accessKeySecret) {
    return OSSClient::factory(array(
        'AccessKeyId' => $accessKeyId,
        'AccessKeySecret' => $accessKeySecret,
    ));
}
// Sample of put object from resource
function putResourceObject(OSSClient $client, $bucket, $key, $content, $size) {
    $result = $client->putObject(array(
        'Bucket' => $bucket,
        'Key' => $key,
        'Content' => $content,
        'ContentLength' => $size,
    ));
}
$keyId = 'kcISEwoyRmOldUg2';
$keySecret = '4FV9TfA55qdZXB8xLMcC0gzpYKR9ro';
$client = createClient($keyId, $keySecret);
$bucket = 'cx-file';
$key =  date('Y-m').'/'.$_FILES["Filedata"]['name'];
putResourceObject($client, $bucket, $key, fopen($_FILES["Filedata"]['tmp_name'], 'r'),filesize($_FILES["Filedata"]['tmp_name']));
//aliyun
//file_put_contents('d:/aa.txt',$_FILES["Filedata"]);
?>

#8

引用 5 楼 TottyAndBaty 的回复:

你的handle.js里面的URL设置可能有问题。

哦？您可能说的对啊。 请高手指教在这个文件的哪里可以改路径？   代码已贴出

#9

你看他的 DEMO 与你的不同之处

#10

引用 9 楼 xuzuning 的回复:

你看他的 DEMO 与你的不同之处

能帮我找找吗？  代码已贴出

#11

要看到demo中的php文件，才能判断

#12

需要使用php的一个扩展吧？你找一下这个扩展