0
Angular2を使って雲にアップロードしようとしています。私はこれを行うには、このファイルのドロッパーを使用しています。 https://github.com/ptkach/fileDroppa曇りと角度2
パラメータファイルのエラーが見つからず、常に400件の不正なリクエストが発生しています。誰か前にどちらかと一緒に仕事をしたことがありますか？以下
関連するコード：
fileUploaded(success, response, file){
console.log(file);
success && console.log("uploaded - awesome", response, file);
success || console.log("not uploaded - very bad", response, file);
}
filesUpdated(files) {
console.log("Store state updated! Current state: ", files);
}
/**
* CALLBACKS
*/
/**
* This method is called before Request happened
* You can modify xhr confoguration in it
* requestHeaders for example
*
* @param xhr
*/
beforeRequest(xhr){
xhr.setRequestHeader("Content-Type","undefined");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
}
/**
* This method allows you to make validation before file is sent
* You can update fileName for example
* Or you can return null and file won't be send
*
* @param formData
* @returns formData or null
*/
beforeFileUpload(formData){
formData.set('api_key', cloudinaryCreds.api_key);
formData.set('signature', cloudinaryCreds.signature);
formData.set('timestamp', cloudinaryCreds.timestamp);
return formData;
}
/**
* This method is called once your drop or select files
* You can validate and decline or accept file
*
* @param file
* @returns Boolean
*/
beforeAddFile(file){
return true;
}
とHTMLで：
<fileDroppa [dropZoneTemplate]="dropZoneTemplate"
[url]="'https://api.cloudinary.com/v1_1/cloud-name/auto/upload'"
[autoUpload]="false"
[showFilesList]="true"
[beforeRequest]="beforeRequest"
[beforeFileUpload]="beforeFileUpload"
[beforeAddFile]="beforeAddFile"
(filesUpdated)="filesUpdated($event)"
(fileUploaded)="fileUploaded($event)"
>
</fileDroppa>