タグ付けされた質問 「file-upload」

ASP.NETでのファイルのアップロードを除くフォームがあります。最大アップロードサイズをデフォルトの4 MBより大きくする必要があります。 msdnで以下のコードを参照している特定の場所を見つけました。 [ConfigurationPropertyAttribute("maxRequestLength", DefaultValue = )] 参考文献は実際にそれを使用する方法を説明していません、そして私はいくつかのことを試みましたが成功しませんでした。ファイルのアップロードを要求している特定のページについてのみ、この属性を変更したい。 これは正しいルートですか？そして、これをどのように使用しますか？

237 c#  .net  asp.net  file-upload 

JSONを受け入れて応答するREST APIを備えたサーバーを開発しています。問題は、クライアントからサーバーに画像をアップロードする必要がある場合です。 注：また、エンティティ（ユーザー）が複数のファイル（carPhoto、licensePhoto）を持ち、他のプロパティ（name、email ...）を持つことができるユースケースについても話しますが、新しいユーザーを作成すると、これらの画像は送信されません。登録プロセスの後に追加されます。 私が知っている解決策ですが、それぞれにいくつかの欠陥があります 1. JSONの代わりにmultipart / form-dataを使用する good：POSTおよびPUTリクエストは可能な限りRESTfulであり、ファイルとともにテキスト入力を含めることができます。 短所：JSONではなく、テストやデバッグなどがmultipart / form-dataに比べてはるかに簡単になりました。 2.個別のファイルの更新を許可する 新しいユーザーを作成するためのPOSTリクエストは画像を追加することを許可していません（これは、私が最初に言ったユースケースでは問題ありません）。 good：すべて（ファイルのアップロード自体を除く）はJSONのままなので、テストとデバッグが簡単です（長さを気にせずに完全なJSONリクエストをログに記録できます） 短所：直感的ではありません。エンティティのすべての変数を一度にPOSTまたはPUTすることはできません。また、このアドレス/users/4/carPhotoはコレクションと見なすことができます（REST APIの標準的な使用例は次のようになります/users/4/shipments）。通常、エンティティの各変数、たとえばusers / 4 / nameをGET / PUTすることはできません（したくありません）。users / 4でGETを使用して名前を取得し、PUTを使用して名前を変更できます。IDの後に何かがある場合、それは通常、users / 4 / reviewsのような別のコレクションです。 3. Base64を使用する JSONとして送信しますが、Base64でファイルをエンコードします。 good：最初のソリューションと同じで、できるだけRESTfulなサービスです。 短所：繰り返しになりますが、テストとデバッグははるかに悪く（ボディにはメガバイトのデータが含まれる可能性があります）、サイズが増加し、クライアントとサーバーの両方で処理時間が長くなります。 私は本当にソリューション番号を使用したいと思います。2、しかし、それはその短所を持っています...誰でも私に「何が最善」の解決策のより良い洞察を与えることができますか？ 私の目標は、できるだけ多くの標準を組み込んだRESTfulサービスを提供することですが、できるだけシンプルにしたいと考えています。

194 json  rest  file-upload  restful-architecture 

ページにこの要素があるとしましょう： <input id="image-file" type="file" /> これにより、WebページのユーザーがブラウザーのOSの[ファイルを開く...]ダイアログでファイルを選択できるボタンが作成されます。 ユーザーが上記のボタンをクリックして、ダイアログでファイルを選択し、「OK」ボタンをクリックしてダイアログを閉じたとします。 選択したファイル名は次の場所に保存されます。 document.getElementById("image-file").value ここで、サーバーがURL "/ upload / image"でマルチパートPOSTを処理するとします。 「/ upload / image」にファイルを送信するにはどうすればよいですか？ また、ファイルのアップロードが完了したことを通知する方法を教えてください。

190 javascript  file-upload 

私は現在、ユーザーが投稿したい広告の詳細を入力するHTMLフォームを持っています。販売する商品の画像をアップロードするためのドロップゾーンを追加できるようになりました。 Dropzone.jsが見つかりました。これは、必要なことのほとんどを実行しているようです。ただし、ドキュメントを見ると、dropzone（input要素だけではなく）フォーム全体のクラスを指定する必要があるようです。これは、私のフォーム全体がドロップゾーンになることを意味します。 フォーム全体ではなく、クラスの「dropzone」として要素を指定するだけで、フォームの一部のみでドロップゾーンを使用することはできますか？ 別のフォームを使用することもできますが、ユーザーが1つのボタンですべてを送信できるようにしたいと考えています。 または、これを実行できる別のライブラリはありますか？ どうもありがとう

181 javascript  jquery  html  file-upload  dropzone.js 

私はこれとこの質問を読みましたが、クライアント側でJavaScriptを使用してファイルのMIMEタイプを確認できることを示唆しているようです。現在、実際の検証はサーバー側で行う必要があることを理解しています。サーバーリソースの不要な浪費を避けるために、クライアント側のチェックを実行したいと思います。 これがクライアント側で実行できるかどうかをテストするために、JPEGテストファイルの拡張子をに変更し、.pngアップロードするファイルを選択しました。ファイルを送信する前に、JavaScriptコンソールを使用してファイルオブジェクトをクエリします。 document.getElementsByTagName('input')[0].files[0]; これは私がChrome 28.0で取得するものです： ファイル{webkitRelativePath： ""、lastModifiedDate：Tue Oct 16 2012 10:00:00 GMT + 0000（UTC）、名前： "test.png"、タイプ： "image / png"、サイズ：500055…} これはimage/png、MIMEタイプではなくファイル拡張子に基づいてチェックが行われたことを示すと思われるタイプを示します。Firefox 22.0を試しましたが、同じ結果が得られました。ただし、W3C仕様によると、MIMEスニッフィングを実装する必要があります。 現時点では、JavaScriptを使用してMIMEタイプを確認する方法がないと言ってもよろしいですか？それとも何か不足していますか？

177 javascript  html  file-upload  mime-types 

現在のところ、この質問は、Q＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 単一のJSスクリプトを含め、単純なスニペットを使用してフォームを有効にすることができる、きちんとしたjQueryプラグインはありますか？このようなもの： $j('#MyForm').enableDragDropUploads('.upload-area') アップロードターゲットはフォームのアクションです。 どのようなソリューションでも、（従来の参照方法を使用して）通常のファイルフィールドが使用できなくなることはありません。 一度に必要なファイルは1つだけですが、もちろん複数のオプションがあることは悪いことではありません。 ドラッグドロップアップロードの例をいくつか見つけました：http: //www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http：//www.appelsiini net / 2009/10 / html5-drag-and-drop-multiple-file-upload しかし、そこにあるコードはプラグインとしてセットアップされていません。それを変更することはおそらくそれほど難しくありませんが、他の誰かがすでにその仕事をしていて、単に私のGoogle検索を回避しているなら、そうすることも無意味です。 理想的には、純粋なHTML5 / jQueryソリューションを探しています。 Google Gearsは許容されますが、Flashソリューションは許容されません。

174 jquery  file-upload  drag-and-drop  html  google-gears 

これは非常に一般的な質問であることはわかっていますが、Angular 2でファイルをアップロードできません。 1）http://valor-software.com/ng2-file-upload/および 2）http://ng2-uploader.com/home ...しかし失敗しました。Angularでファイルをアップロードした人はいますか？どの方法を使用しましたか？その方法は？サンプルコードまたはデモリンクが提供されている場合、それは本当に感謝されます。

173 angular  file-upload  angular2-http 

の外観を変更することは可能<input type="file">ですか？

164 html  css  file-upload  input 

概観 次のHTML構造があり、dragenterおよびdragleaveイベントを<div id="dropzone">要素にアタッチしました。 <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> 問題 私は上のファイルをドラッグすると<div id="dropzone">、dragenter期待通りにイベントが発生します。私は子要素の上に私のマウスを移動すると、しかし、のような<div id="drag-n-drop">、dragenterイベントが焼成された<div id="drag-n-drop">要素と、その後dragleaveのイベントがために解雇される<div id="dropzone">要素。 <div id="dropzone">要素に再びカーソルを合わせると、dragenterイベントが再び発生しますが、これはクールですがdragleave、子要素の残りのイベントが発生するため、removeClass命令は実行されます。 この動作には2つの理由で問題があります。 dragenter＆dragleaveをアタッチしているだけな<div id="dropzone">ので、子要素にこれらのイベントもアタッチされている理由がわかりません。 <div id="dropzone">子の上にカーソルを置いている間も要素をドラッグしているのでdragleave、発砲したくありません！ jsFiddle jsFiddleをいじくり回します。 http 質問 だから...どうすれば、<div id="dropzone">要素の上にファイルをドラッグしているときにdragleave、子要素の上にドラッグしていても起動しないようにすることができます...要素を離れたときにのみ起動する必要があり<div id="dropzone">ます。要素の境界内の任意の場所でホバリング/ドラッグしても、イベントはトリガーされませんdragleave。 これは、少なくともHTML5のドラッグアンドドロップをサポートするブラウザーでは、ブラウザー間の互換性が必要なので、この答えは適切ではありません。 GoogleとDropboxはこれを理解しているようですが、それらのソースコードは縮小化/複雑化されているため、実装からこれを理解することができませんでした。

163 jquery  html  file-upload  drag-and-drop  dom-events 

最近では、ファイルを特別なコンテナーにドラッグアンドドロップして、XHR 2でアップロードすることができます。ライブプログレスバーなど。ここに例があります。 しかし、それほどクールにしたくない場合もあります。私がしたいことは、ドラッグ＆ドロップでファイルにある-一度に多くの- 標準のHTMLファイルの入力に：<input type=file multiple>。 それは可能ですか？ファイルドロップから正しいファイル名（？）でファイル入力を「埋める」方法はありますか？（フルファイルパスは、ファイルシステムのセキュリティ上の理由から使用できません。） どうして？通常のフォームを提出したいので。すべてのブラウザとすべてのデバイス。ドラッグアンドドロップは、UXを拡張および簡素化するための段階的な拡張です。標準ファイル入力（+ multiple属性）を持つ標準フォームがそこにあります。HTML5拡張機能を追加したいのですが。 編集 私は知っているいくつかのことができますブラウザ時々ファイル入力自体にファイルをドロップ（ほとんど常に）。私はChromeが通常これを行うことを知っていますが、時々失敗して現在のページにファイルをロードします（フォームに入力している場合は大きな失敗）。私はそれをだまして、ブラウザで証明したいのです。

163 html  file-upload  drag-and-drop 

プロジェクトにAJAXファイルアップロード機能を実装しようとしています。これにはjQueryを使用しています。私のコードはAJAXを使用してデータを送信します。また、ファイルアップロードの進行状況バーを実装したいと考えています。これどうやってするの？アップロードされたパーセンテージを計算してプログレスバーを作成できるように、すでにアップロードされている量を計算する方法はありますか？

152 jquery  file-upload  progress-bar 

Windows 7コンピューターにWampServer 2がインストールされています。私はApache 2.2.11とPHP 5.2.11を使用しています。フォームからファイルをアップロードしようとすると、アップロードのように見えますが、PHPでは$_FILES配列が空です。c:\wamp\tmpフォルダにファイルがありません。php.iniファイルのアップロードなどを許可するように設定しました。tmpフォルダには、現在のユーザーの読み取り/書き込み権限を持っています。私は困惑しています。 HTML： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <form enctype="multipart/form-data" action="vanilla-upload.php" method="POST"> Choose a file to upload: <input name="uploadedfile" type="file" /><br /> <input type="submit" value="Upload File" /> </form> </body> </html> PHP： <?php echo 'file count=', count($_FILES),"\n"; var_dump($_FILES); echo "\n"; ?>

145 php  apache  file-upload 

Railsでファイルのアップロードをテストしたいのですが、これを行う方法がわかりません。 これがコントローラーコードです： def uploadLicense #Create the license object @license = License.create(params[:license]) #Get Session ID sessid = session[:session_id] puts "\n\nSession_id:\n#{sessid}\n" #Generate a random string chars = ("a".."z").to_a + ("A".."Z").to_a + ("0".."9").to_a newpass = "" 1.upto(5) { |i| newpass << chars[rand(chars.size-1)] } #Get the original file name upload=params[:upload] name = upload['datafile'].original_filename @license.format …

142 ruby-on-rails  file-upload  tdd  rspec-rails 

PythonスクリプトからPOSTを使用してファイルを送信する方法はありますか？

139 python  post  file-upload  http-post 

FileJavaScriptにはオブジェクトがあります。テスト用にインスタンス化したい。 を試しましたnew File()が、「不正なコンストラクタ」エラーが発生します。 Fileオブジェクトを作成することは可能ですか？ ファイルオブジェクトリファレンス：https : //developer.mozilla.org/en/DOM/File

137 javascript  file-upload  upload