2017-09-04 5 views
-1

javascriptを使用して偽の値を入力タイプのファイルに設定するにはどうすればよいですか?javascriptを使用して偽の値を入力タイプのファイルに設定する方法は?

iは入力型ファイルID test に設定偽値は、このJavaScriptコード

document.getElementById("test").value = "C:\fakepath\test.jpg"; 

を使用

が、この

Uncaught InvalidStateError: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string. 

のようなショーのエラーテキスト私は私が入力タイプのファイルに偽の値を設定することができますか、知りたいですか?

+1

あなたはできません - エラーメッセージのとおり。 [どうしたらいいですか](http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem)? –

+0

なぜファイル入力に偽の値を設定したいのですか? – Manav

+0

ファイルを選択しない限り、ユーザーディスクからファイルを取得することはできません。エラーは、入力を空にする文字列に設定するだけで、入力をクリアすることができるというエラーです。 –

答えて

2

セキュリティ上の理由で値を変更することはできませんが、そのようにすることはできます。

.fakefile{font-family:arial;font-size:13px} 
 
.fakefile INPUT{width:100px;} 
 
.fakefile SPAN{display:inline-block;background:#fff;padding-left:4px;}
<!-- Original --> 
 
<input name="test" id="test" type="file"> 
 

 
<hr> 
 
<!-- Fake --> 
 
<div class="fakefile"><input name="test" id="test" type="file"><span>fakefilename.pdf</span></div>

+0

まだ表示されているNがあります。とにかく良いアイデア。 –

+0

@Juan Ferrer私は、ボタンの長さがブラウザとシステム言語に依存することを確認します。また、あなた自身のボタンをアップロードをトリガーとして全体を偽装することもできます。 – mzvarik

関連する問題