我正在尝试上传大小超过1Mb的文件并抱怨大尺寸。我将大小设置为50 MB,但这似乎没有生效。我究竟做错了什么?请帮忙
@Component({
moduleId: module.id,
//define the element to be selected from the html structure.
selector: 'NeedAnalysisConsult',
//location of our template rather than writing inline templates.
templateUrl: 'need-analysis-consultation.component.html',
})
export class NeedAnalysisConsultationComponent implements OnInit {
model:any={};
consultationDate: Date;
organisation: string;
devCode:String;
maxFileSize = 50 * 1024 * 1024;
//declare a property called fileuploader and assign it to an instance of a new fileUploader.
//pass in the Url to be uploaded to, and pass the itemAlais, which would be the name of the //file input when sending the post request.
public uploader:FileUploader = new FileUploader({url: URL,isHTML5: true, itemAlias: 'consultation',maxFileSize: this.maxFileSize});
//This is the default title property created by the angular cli. Its responsible for the app works
title = 'app works!';
ngOnInit() {
//override the onAfterAddingfile property of the uploader so it doesn't authenticate with //credentials.
this.uploader.onAfterAddingFile = (file)=> { file.withCredentials = false; };
this.uploader.onBuildItemForm=(item:any,form:any)=>{
form.append('devCode',this.model.programmeCode);
form.append('date',this.model.consultationDate);
form.append('organization',this.model.organisation);
};
//overide the onCompleteItem property of the uploader so we are
//able to deal with the server response.
this.uploader.onCompleteItem = (item:any, response:any, status:any, headers:any) => {
console.log("FileUpload:successfully uploaded:", item, status, response);
if (status==201){
alert("FileUpload: successfully");
}
else {
alert("FileUpload:"+response);
}
};
}
我正在尝试上传大小超过1Mb的文件并抱怨大尺寸。我将大小设置为50 MB,但这似乎没有生效。我究竟做错了什么?请帮忙
答案 0 :(得分:0)
我已经测试了您的方法,并且它在我的服务器上正常上传。检查您的服务器是否配置为接受大于1 MB的文件。为了能够确认来自服务器的错误响应,您可以执行以下回调,就像您在onCompleteItem
上所做的那样。
onSuccessItem(item: FileItem, response: string, status: number, headers:ParsedResponseHeaders): any {
//this gets triggered only once when first file is uploaded
}
onErrorItem(item: FileItem, response: string, status: number, headers:
ParsedResponseHeaders): any {
let error = JSON.parse(response); //error - server response
}
然后您可以订阅它们,如下所示:
this.uploader.onErrorItem = (item, response, status, headers) => this.onErrorItem(item, response, status, headers);
this.uploader.onSuccessItem = (item, response, status, headers) => this.onSuccessItem(item, response, status, headers);
这样,您就可以检查错误是否来自服务器。
答案 1 :(得分:0)
只有两件事可能会导致这种情况:
客户端 如果ng2-file-upload maxFileSize 参数小于 1MB
服务器端 如果您在服务器端使用PHP,请在 php.ini
中调整以下参数post_max_size = 50M #表示单个发布请求不应 无论文件数量多大,在任何给定时间都超过50MB 已上传。
upload_max_filesize = 50M #表示没有单独的文件 每个请求超过50MB
max_file_uploads = 10 #表示只能上传10个文件 在一个请求中