で最初に追加し頭のタグ：
<script>
function showDialog(openFileDialog) {
document.getElementById(openFileDialog).click();
}
function fileName(openFileDialog) {
return document.getElementById(openFileDialog).value;
}
function hasFile(openFileDialog) {
return document.getElementById(openFileDialog).value != "";
}
function fileNameWithoutFakePath(openFileDialog) {
var fileName = document.getElementById(openFileDialog).value;
return fileName.substr(fileName.lastIndexOf('\\') + 1);
}
function fakePathWithoutFileName(openFileDialog) {
var fileName = document.getElementById(openFileDialog).value;
return fileName.substr(0, fileName.lastIndexOf('\\'));
}
</script>
すでにスクリプトがある場合タグ、上記の関数を追加してください。
あなたのボディまたはフォームタグに追加：
<input type="file" style="display:none" id="yourDesiredOrFavoriteNameForTheNewOpenFileDialogInstance"/>
あなたのhtmlで、ちょうどされてどんなにそのようにあなたがしたようなタイプOpenFileDialogクラスの新しいインスタンスを作成したグローバル名前がある変数、ID要素の、どこコードまたはXAMLで、どんなにしかし、スクリプトやコードで、あなたがすることができない要素の入力タイプ=「ファイル」で定義されていないものを行うグローバル関数があるので、彼の名前を入力し、[機能のプロパティを読み取りまたは呼び出します。これらの関数に、OpenFileDialogインスタンスの名前である非表示の入力type = "file"のIDを文字列として指定するだけです。
オープンファイルダイアログインスタンスをhtmlに作成する作業を簡単にするために、それを行う関数を作成できます。
function createAndAddNewOpenFileDialog(name) {
document.getElementById("yourBodyOrFormId").innerHtml += "<input type='file' style='display:none' id='" + name + "'/>"
}
ファイルを開くダイアログを削除する場合は、次の関数を作成して使用できます。
function removeOpenFileDialog(name) {
var html = document.getElementById("yourBodyOrFormId").innerHtml;
html = html.replace("<input type='file' style='display:none' id='" + name + "'/>", "");
document.getElementById("yourBodyOrFormId").innerHtml = html;
}
ただし、ファイルを開くダイアログを削除する前に、次の関数を作成して使用することにより、ダイアログが存在することを確認してください。
function doesOpenFileDialogExist(name) {
return document.getElementById("yourBodyOrFormId").innerHtml.indexOf("<input type='file' style='display:none' id='" + name + "'/>") != -1
}
本文を開くダイアログを作成したり、htmlのフォームタグを追加したりしない場合は、これにより非表示の入力type = "file"が追加されるため、上記のcreate関数を使用してスクリプトで実行できます。 ：
function yourBodyOrFormId_onload() {
createAndAddNewOpenFileDialog("openFileDialog1");
createAndAddNewOpenFileDialog("openFileDialog2");
createAndAddNewOpenFileDialog("openFileDialog3");
createAndAddNewOpenFileDialog("File Upload");
createAndAddNewOpenFileDialog("Image Upload");
createAndAddNewOpenFileDialog("bla");
//etc and rest of your code
}
あなたのボディまたはフォームタグの近くに、あなたが追加したことを確認してください：
onload="yourBodyOrFormId_onload()"
すでに実行している場合は、上記のこの行を実行する必要はありません。
ヒント：プロジェクトまたはWebサイトに新しいJScriptファイルをまだ追加していない場合は追加できます。このファイルでは、開いているすべてのファイルダイアログ関数をスクリプトタグやhtmlまたはwebフォームページから離して配置し、それらをこのJScriptファイルからhtmlまたはwebフォームページに追加しますが、htmlまたはwebフォームページをJScriptファイルにリンクすることを忘れないでください。JScriptファイルを頭の htmlページにドラッグするだけで実行できますタグ。ページが単純なhtmlではなくWebフォームであり、headタグがない場合は、機能するようにどこかに配置します。そのJScriptファイルでグローバル変数を定義することを忘れないでください。その値は、文字列としての本体またはフォームIDです。JScriptファイルをHTMLまたはWebフォームページにリンクした後、フォームの本体のonloadイベントを実行し、その変数の値を本体またはフォームIDに設定できます。次に、JScriptファイルで、ドキュメントの本文または1ページのフォームのIDを指定する必要がなくなり、その変数の値を指定するだけです。その変数bodyId、formId、bodyOrFormId、またはその他の任意の名前を呼び出すことができます。
頑張って！