首先添加head标签：
<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，但在你的脚本或代码，您不能键入他的名字，然后再读取属性或调用函数，因为有些全局函数可以执行元素输入type =“ file”中未定义的那些函数。您只需为这些函数提供隐藏输入type =“ file”的ID，它是OpenFileDialog实例的名称（字符串）。
为了简化您在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 的body或form标签中创建和添加打开文件对话框，因为这是添加隐藏的输入type =“ file” s，则可以使用上面的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()"
如果您已经这样做，则不必在上面执行此行。
提示：如果尚未添加新的JScript文件，则可以将其添加到您的项目或网站中，并且可以在该文件中将所有打开的文件对话框功能置于script标签和html或Web表单页面之外，并使用它们可以从此JScript文件添加到html或Web表单页面中，但是当然不要忘记将html或Web表单页面链接到JScript文件。您只需将JScript文件拖到头部的 html页面中即可标签。如果您的页面是Web表单而不是简单的html，并且没有head标签，则将其放置在任何地方以使其正常工作。不要忘了在该JScript文件中定义全局变量，其值将是您的正文或表单ID（作为字符串）。将JScript文件链接到html或Web表单页面后，可以对表单正文进行onload事件，将该变量的值设置为正文或表单ID。然后，在JScript文件中，您不必再给文档的页面的正文或表单的ID了，只需给它提供该变量的值即可。您可以调用该变量bodyId或formId或bodyOrFormId或所需的任何其他名称。
祝你好运！