私はtype = fileの入力を持っています。これは画像をアップロードするために使用されます。今では、イメージのサイズを500 KBに制限し、.pngにのみ入力したいと考えています。助けてくださいjqueryの画像サイズとタイプを制限する
1
A
答えて
0
アップロードする前にファイルサイズを確認するローカルファイルシステムにアクセスできないので、これはjavascriptだけでは不可能です。
回避策は、ローカルファイルへのアクセス権を持つFlashを使用するか、サーバー側でファイルをチェックすることですが、大規模なファイルをアップロードする前にアップロードすることはできませんサイズの妥当性。私は、これはサーバーサイドを行わなければならないと思う
var ext = $('#my_file_field').val().split('.').pop().toLowerCase();
if($.inArray(ext, ['png']) == -1) {
alert('invalid extension!');
}
0
は、私はあなたのような何かを行うことができ、あなたはファイル拡張子のためには、JavaScriptを使用してファイルのサイズを制限することができ思ういけません。 jQueryでファイルアップロードのサイズを検出できるとは思いません。これは、JavaScriptがローカルファイルシステムにアクセスできないためです。
0
:
0
試してみてください。
<input type="hidden" name="MAX_FILE_SIZE" value="500000" />
指定された値がこのフォーム経由でアップロードする最大許容KBです。 100000の値はファイルを100kbまで許容します。
はしかし、これはHTMLで、バイパスすることができ、あなたはまだのようなPHP /サーバー側の検証を行う必要があります:PHPで
IF($_FILES['file']['size'] > 500000){// show error}
、サイズの値はバイト単位で
であるかを確認することができます$ _FILES [ 'ファイル'] [ '型']のみPNGファイルにそれを制限する、例えば:
IF($_FILES['file']['type'] != "image/jpeg"){// show error}
0
はこれを試してみてください:
var myFSO = new ActiveXObject("Scripting.FileSystemObject");
var filepath = document.upload.file.value;
var thefile = myFSO.getFile(filepath);
var size = thefile.size;
var ext = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase();
if(ext=="png" && size=500000)
return true;
else
alert("invalid filetype or size greater than 500kb");
関連する問題
- 1. モバイルサファリの画像サイズの制限?
- 2. Fb.uiフィード画像のサイズ制限とは何ですか?
- 3. アプリケーションの画面サイズを制限する
- 4. s3ダイレクトアップロードファイルのサイズとタイプを制限する
- 5. PHP画像アップロードとサイズ変更でメモリ不足(96MBメモリ制限)
- 6. ライトボックスを画面サイズに制限する
- 7. MVC3 Windows入力タイプ= "ファイル"サイズ制限
- 8. 制御画像のサイズ
- 9. 線の描画とPythonの画面サイズによる制限タートルグラフィック
- 10. imagecreatefrompng()とサイズ制限
- 11. Googleタイプの画像サイズ変更
- 12. jQueryのクロスフェード画像無限に無限
- 13. Imshow()サイズ制限
- 14. 制限サイズ[IMG]
- 15. MailSlotサイズ制限?
- 16. 画像の縦幅の制限画像/縦横比の保持
- 17. jpg画像のIE ppi制限
- 18. ポストウォール - 画像の寸法制限?
- 19. クリップボードのサイズ制限
- 20. チャットログのサイズ制限
- 21. jquery-autocompleteのリストのサイズを制限する
- 22. Jqueryのコンテナへのサイズ変更を制限する
- 23. Codeigniter/image_lib強制的に画像サイズ
- 24. UITabBarItemの画像を特定のサイズに強制する
- 25. NSTextViewの画像添付ファイルのサイズを制御する方法
- 26. WPFエクスパンダのサイズを制限する
- 27. UITextFieldのサイズを制限する
- 28. 書面ファイルのサイズを制限する
- 29. std :: setのサイズを制限する
- 30. JSpinnerのサイズを制限する
MAX_FILE_SIZEのバイト数は、Kbではありません。また、そのサポートはせいぜいばらつきがあり、トラップ可能なエラーは発生しません。 –
ありがとう、答えを編集しました –