formのfileの値をhiddenでも持ちたい

Question

お疲れ様です。いつもお世話になっております。

on～～イベントで値をコピーするやり方でいけるのかもと思いつつ、
うまくイメージがまとまらないので質問させてください。

<input type="file">で、ファイルが選択されたら、その値(ファイルのパス)を同じフォーム内のhiddenにも持ちたいのです。

もっと具体的にいうと
hiddenに持った時、ファイル名の拡張子にかかわらず、拡張子を落として、[ファイル名]_thumnail.jpgとつけて、submitしたいのです。

<form action="xxx.php" method="post" enctype="multipart/form-data" name="myForm">
<input type="file" name="upfile" />
<input type="hidden" name="thumnail" />
</form>

document.myForm.upfile.value=document.myForm.thumnail.value;

みたいな感じでできるのでしょうか。
よろしくお願いします。

auty · Accepted Answer

以下のコードを参考にしてみてください。 ------------------------------------------------------------ onchange='setHidden(this.form)' ------------------------------------------------------------ ------------------------------------------------------------

taloo · Answer

> document.myForm.upfile.value=document.myForm.thumnail.value;
fileフィールドはreadOnlyですので、これはできません。

もし書き換えができてしまうと、

document.myForm.upfile.value='C\個人情報が書かれてそうなファイル名';
document.myForm.submit();

ページを表示するだけで、何かのファイルがアップロードされる可能性があります。
<iframe>を隠しておいてtarget指定すると、送信されたことも気づけないかも知れません。


ファイル名を調べるだけなら
document.myForm.thumnail.value=document.myForm.upfile.value;
文字列として受け取れます。
fileフィールドの値は、ブラウザによってフルパスになったり、ファイル名だけになったりの違いがあります。
ブラウザ設定の「ファイルアップロードにはフルパスを含める」の設定にも依存するかも知れません。

やるのならhiddenフィールドの値がthumbnailで、fileフィールドはもとの画像のファイル名ってことにした方が良いと思います。

SAYKA · Answer

因みにどんな頑張ってファイル名を加工しても
その方法だと画像そのものがアップロードできなくなるよ。
ファイル名加工後の名前を「付加」するしかないし、画面移行するとアップロードデータを持ち越せない筈。

結局サーバサイドでどうにかするかファイル名の候補だけ付加するって妥協案になるとおもうよ

steel_gray · Answer

formのonsubmitで実行させればよいかと思う。
<form ～ onsubmit="hoge(this)">

function hoge(F){
var pos=F.upfile.value.lastIndexOf('\');
F.thumnail.value = F.upfile.value.substring(pos+1) + '_thumnail.jpg';
}
※ パスの部分は削除しているが拡張子は残してある。元ファイルの拡張子は在っても邪魔にならないと思う。



ただ、全角や妙な記号混じりのファイル名とか来たら困るので
この手の処理はサーバ側でやるのが常。
（使えるなら元のファイル名を使う、使えないファイル名が来たら適当に連番を振ってやる。とか）

celtJapan · Answer

受け取ったPHP側で $thumnail に入れちゃだめなんですか？

formのfileの値をhiddenでも持ちたい

以下のコードを参考にしてみてください。

> document.myForm.upfile.value=document.myForm.thumnail.value;

因みにどんな頑張ってファイル名を加工しても

formのonsubmitで実行させればよいかと思う。

受け取ったPHP側で $thumnail に入れちゃだめなんですか？

この回答への補足

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング