JavaScript を介してあるフォームから別のフォームに値をコピーする際に問題がありました。これは、以前の質問「フォームのファイル アップロード フィールドから別のフォームのテキスト フィールドに値をコピーする方法は?」の助けを借りて理解することができました。
では、よろしくお願いします!
しかし今、私は新しい問題を抱えています。フォーム フィールドの値がコピーされると、一部のブラウザー (IE など) では、フィールドにユーザーのコンピューター上のフィールドのローカル パス (つまり、"C:\Users\username\Desktop\file.png") が含まれます。明らかに URL では機能しません。
では、新しいフィールドにコピーする前に、ファイル名以外のすべてを除外する方法はありますか? それとも事後にそれを行う方法ですか?
助けてくれてありがとう!
これが私の最新の単純化されたコードです。
<script>
$(function(){
bindGroups();
});
var bindGroups = function() {
// First copy values
$("input[name='logofile']").val($("input[name='logoname']").val());
// Then bind fields
$("input[name='logoname']").change(function() {
$("input[name='logofile']").val($(this).val());
});
};
</script>
<form action="/current-url" method="post" enctype="multipart/form-data">
<input type="file" name="logoname" value="1" />
<input type="submit" value="Upload" />
</form>
<form name="create_landing_page" action="/landing-page-url/" method="get">
<input type="hidden" name="logofile" />
<input type="submit" value="Generate Landing Page" /></form>