私はextjsを使用するのが初めてです。そして、サーバーに画像をアップロードするのに苦労しています。ガイドとして作成した多くの例を見てきました。しかし、私は成功した結果を得ることができるようです。
私のビューのコードは次のとおりです。
items: [{
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: 'Select image',
name: 'image-upload',
buttonText: 'Browse',
buttonConfig: {
iconCls: 'upload-icon'
}
},
{
xtype: 'button',
//action: 'submit',
text: 'Upload',
handler: function(){
var form = this.up('form').getForm();
form.submit({
url: 'uploadproc.php',
waitMsg: 'Loading data...',
success: function(fp, o) {
msg('Success', 'Processed file "' + o.result.file + '" on the server');
}
});
}
}
],
これが私のuploadproc.phpファイルです
<?php
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["image-upload"]["name"]);
$extension = end($temp);
if ((($_FILES["image-upload"]["type"] == "image/gif")
|| ($_FILES["image-upload"]["type"] == "image/jpeg")
|| ($_FILES["image-upload"]["type"] == "image/jpg")
|| ($_FILES["image-upload"]["type"] == "image/pjpeg")
|| ($_FILES["image-upload"]["type"] == "image/x-png")
|| ($_FILES["image-upload"]["type"] == "image/png"))
&& ($_FILES["image-upload"]["size"] < 20000)
&& in_array($extension, $allowedExts))
{
if ($_FILES["image-upload"]["error"] > 0)
{
echo "Return Code: " . $_FILES["image-upload"]["error"] . "<br>";
}
else
{
echo "Upload: " . $_FILES["image-upload"]["name"] . "<br>";
echo "Type: " . $_FILES["image-upload"]["type"] . "<br>";
echo "Size: " . ($_FILES["image-upload"]["size"] / 1024) . " kB<br>";
echo "Temp file: " . $_FILES["image-upload"]["tmp_name"] . "<br>";
if (file_exists("upload/" . $_FILES["image-upload"]["name"]))
{
echo $_FILES["image-upload"]["name"] . " already exists. ";
}
else
{
move_uploaded_file($_FILES["image-upload"]["tmp_name"],
"upload/" . $_FILES["image-upload"]["name"]);
echo "Stored in: " . "upload/" . $_FILES["image-upload"]["name"];
}
}
}
else
{
echo "Invalid file";
}
?>
このエラーが発生し続けます：
Uncaught Ext.JSON.decode(): 無効な JSON 文字列をデコードしようとしています: 無効なファイル
uploadproc.php ファイルをフォルダー内に保存しましたが、js フォルダーの外に保存しました。私はこれに本当に慣れていないので、誰かが私を助けることができれば. どうもありがとうございました。