File upload 如何在XPages中创建更好的文件上载控件

我试图通过隐藏丑陋的文件上传按钮来实现更好的上传控制。 使用下面的代码，我设法隐藏了文件上传控制，并提供了一个链接，用户可以点击，工程伟大！但是我还需要通知用户，已经选择了一个文件

在提交表单之前，如何获取用户选择的文件名

XSP

---

看看Twitter引导文件输入。它将一个普通的文件输入选择器转换成一个好看的按钮（带有引导样式）：。它在按钮旁边或按钮内部显示选定文件的名称

使用它的一种简单方法是设置所有文件选择器的样式：

$(document).ready( 
    function() {
        // Style the file button
        $('input[type=file]').bootstrapFileInput();
    }
);

使用Javascript，您可以通过使用files属性获取所选文件。下面是一个使用jQuery的简单示例：

var selectedFile = $('input[type=file]').val()

---

看看Twitter引导文件输入。它将一个普通的文件输入选择器变成一个漂亮的按钮（带有引导样式）：。它在按钮旁边或按钮内部显示选定文件的名称

使用它的一种简单方法是设置所有文件选择器的样式：

$(document).ready( 
    function() {
        // Style the file button
        $('input[type=file]').bootstrapFileInput();
    }
);

使用Javascript，您可以通过使用files属性获取所选文件。下面是一个使用jQuery的简单示例：

var selectedFile = $('input[type=file]').val()

---

还可以查看David Leedy的NotesIn9，它允许上传多个文件。

---

还可以查看David Leedy的便笺9，它允许上传多个文件。

---

在客户端，您可以通过向输入元素添加一个onchange处理程序来获取选择上载的文件名：

var eInput=document.getElementById("idOfInputControl");
eInput.addEventListener("change",function(){
    var i,filename,files;
    files=this.files;
    for (i=0;i<files.length;i++) {
        filename=files[i].name;
        // do whatever you want with the filename
    }
})

var eInput=document.getElementById（“idOfInputControl”）；
eInput.addEventListener（“更改”，函数（）{
变量i，文件名，文件；
files=this.files；
对于（i=0；i，在客户端，您可以通过向输入元素添加onchange处理程序来获取选择上载的文件名：

var eInput=document.getElementById("idOfInputControl");
eInput.addEventListener("change",function(){
    var i,filename,files;
    files=this.files;
    for (i=0;i<files.length;i++) {
        filename=files[i].name;
        // do whatever you want with the filename
    }
})

var eInput=document.getElementById（“idOfInputControl”）；
eInput.addEventListener（“更改”，函数（）{
变量i，文件名，文件；
files=this.files；
对于（i=0；i可能是我的博客帖子可以帮助您），您想回答的实际问题是“如何制作一个好的文件上载控件？”还是“如何在提交之前获取文件名？”？可能是我的博客帖子可以帮助您，您想回答的实际问题是“如何制作一个好的文件上载控件？”还是“提交前我如何获得文件名？”？谢谢，很好的解决方案谢谢，很好的解决方案