一个简单的上传附件,并显示附件的方法.(JS的DOM操作取得input file的值.)

本文链接：https://blog.csdn.net/w59879213/article/details/3115269

 
     function addAttachment()
        ...{
            var strAttachPathArray;
            var strFileName="";
            var strAttachPath=""; //the path of the file...
            var attach = "";
            var attachDIV = this.document.getElementById("attachmentList"); //this div will save the attachment
            for(var i=0;i<document.forms[0].elements.length;i++) //loop the whole form
            ...{
                if(document.forms[0].elements[i].type=="file") //find if it is a <input type="file" elements
                ...{
                    if(document.forms[0].elements[i].value != "") //this is not a empty path.
                    ...{
                        strAttachPath = document.forms[0].elements[i].value; //get this path
                        strPathArray = strAttachPath.split("//");//separate this string as a array depends on "/". / needs convert.
                        strFileName = strPathArray[strPathArray.length-1]; //get the file name,if you can not understand please debug and search by your self
                        attach = attach + "<img src='images/attachment.GIF' border='0' />" + strFileName + "  ";
                        //img is a pic....
                    }
                }
            }
            attachDIV.innerHTML = attach;
        }
 
 