Ⅰ 如何实现点击Button实现上传文件的功能
如何实现点击Button实现上传文件的功能可以试下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定义input type="file" 的样式</title><style type="text/css">body{ font-size:14px;}input{ vertical-align:middle; margin:0; padding:0}.file-box{ position:relative;width:340px}.txt{ height:22px; border:1px solid #cdcdcd; width:180px;}.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}.file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px }</style></head><body><div class="file-box"><form action="" method="post" enctype="multipart/form-data"><input type='text' name='textfield' id='textfield' class='txt' /><input type='button' class='btn' value='浏览…' /><input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" /><input type="submit" name="submit" class="btn" value="上传" /></form></div></body></html>
Ⅱ document.forms[0].submit(); 提交表单上传文件的问题
把 id="upload" 移到form上去 用$("#upload").submit(); 你用from[0 ]保证能选中要提交的form?
Ⅲ 英语submit和commit区别是什么
这两个单词的意思不一样的，尽管它们的拼写有相似的地方。submit，动词，意为“使服从；主张；呈递；提交；服从，顺从”。commit，及物动词，意为“犯罪，做错事；把…交托给；指派…作战；使…承担义务
submit意思是：
读音：英 [səb'mɪt] 美 [səb'mɪt]
1、vt. 使服从；主张；呈递。
2、vi. 提交；服从。
变形：
1、比较级 submitted
2、最高级 submitted
双语例句：
1、You still need to submit the form, but to where?
您仍需要提交表单，但是提交到何处？
2、They submit only the data model or a portion thereof。
它们只提交数据模型或者其中的一部分。
3、Sure, like too many of us, you can wait until midnight on the last day to submit.
当然，像我们中的许多人一样，你也可以到最后一天的午夜时分再提交。
commit的意思是：
英 [kəˈmɪt] 美 [kəˈmɪt]
v.犯罪;自杀;做出(错或非法的事);犯(罪或错等);承诺，保证(做某事、遵守协议或遵从安排等)
变形：
第三人称单数： commits
现在分词： committing
过去式： committed
过去分词： committed
双语例句：
1.He was not aware that he had committed an offence.
他没有意识到自己犯罪了。
2.Mr Steele has committed no crime and poses no danger to the public
斯蒂尔先生没有犯罪，并未对公众构成危害。
3.He committed the crime under the influence of drugs.
他是在吸毒后犯罪的。
Ⅳ 请问如何实现文件上传
我建议你用apache的 file-upload组件，还蛮好用的。首先下载 commons-fileupload-1.1.1.zip http://jakarta.apache.org/site/downloads/downloads_commons-fileupload.cgi 下载后将 commons-fileupload-1.1.1.jar 放进 Project_name/WEB-INF/lib 里. 下载 commons-io-1.2.zip ： http://jakarta.apache.org/site/downloads/downloads_commons-io.cgi 如果没有下载这个library,会出现下面这个Exception,这个花了我不了的时间找. java.lang.NoClassDefFoundError: org/apache/commons/io/output/DeferredFileOutputStream UploadExcel.java public class UploadExcel{ String tempDirectory = "/web_project_path/excel/temp/"; // 设定暂存目录 String fileDirectory = "/web_project_path/fileupload/"; // 设定上存档案目录 String fileExtention = ".xls"; public UploadExcel() {} public int uploadFile(HttpServletRequest request) { try { DiskFileItemFactory factory = new DiskFileItemFactory(); // 建立factory factory.setSizeThreshold(4000); // 设定缓存大小 factory.setRepository(new File(tempDirectory)); // 设定暂存Directory ServletFileUpload upload = new ServletFileUpload(factory); // 建立Servlet File upload.setSizeMax(1000000); // 设定上存档案最大容量 List items = upload.parseRequest(request); Iterator iter = items.iterator(); while (iter.hasNext()) { // 这里lookup所有上存档案 FileItem item = (FileItem) iter.next(); //if (item.isFormField()) { // String // 这里取得parameter的名字 // String value = item.getString(); // 取得parameter的数值 //} if (!item.isFormField()) { String fieldName = item.getFieldName(); String fileName = item.getName(); // String contentType = item.getContentType(); // boolean isInMemory = item.isInMemory(); // long sizeInBytes = item.getSize(); if(!fileName.endsWith(fileExtention)) continue; //这里亦可使用contentType来判断 File uploadedFile = new File(fileDirectory + fieldName + ".xls"); item.write(uploadedFile); //将档案写到上存目录 } } } catch (Exception e) { System.out.println("Exception (UploadExcel): " + e); return -1; } return 1; } } uploadexcel.jsp <jsp:useBean scope="page" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <title>Upload Excel</title> </head> <body> <% int iError = 1; if (request.getParameter("action") != null && request.getParameter("action").equals("upload")) { // 判断是否上存 iError = myUpload.uploadFile(request); if(iError > 0){ out.println("<script>alert('Success');</script>"); } else { out.println("<script>alert('Fail');</script>"); } } %> <script type="text/javascript"> function openPopUp(){ self.location = 'excelDownload.jsp'; window.open(self.location,'openWin',''); } function uploadsave(){ obj = document.formfile; document.formfile.action='uploadexcel.jsp?action=upload'; document.formfile.submit(); } </script> <form method="post" enctype="multipart/form-data"> Please select file(Chinese) <input type="file" > <br> <input type="button" value="Preview Excel" > <input type="button" value="Upload" > </form> </body> </html> excelDownload.jsp <%@ page import="java.io.*" %><% response.setHeader("Content-disposition","attachment; filename=excel_ch.xls"); FileInputStream fis=new FileInputStream("/web_project_path/fileupload/excel_ch.xls"); OutputStream os=response.getOutputStream(); int byteRead; while(-1 != (byteRead = fis.read())) { os.write(byteRead); } os.close(); if (fis != null) fis.close(); %> 以下是一些官方的教学: http://jakarta.apache.org/commons/fileupload/using.html http://jakarta.apache.org/commons/fileupload/faq.html参考资料：http://hi..com/china8jie/blog/item/39fe808f7a7d88fa503d92f4.html
Ⅳ 加拿大签证已经上传文件,下一步submit在哪
我也出现了这个问题。解决方法是，在optional documents一栏，有一个remove按钮，点一下它（如果那一栏有上传文件的话就重新上传一遍），Next按钮就出现了，点进去之后就是digital signature－>Payment了。
Ⅵ ajaxsubmit怎么提交文件
1、界面上直接使用submit按钮提交。这种方式可以实现效果但是没有success事件。即，可以上传文件，但是没有反馈信息。 2、使用jQuery的form方法提交表单，这种提交方式，可以对表单指定 onSubmit、success、error事件。这种方式会更加友好一些。问题原因：通常使用Jquery就可以实现文件的上传。
Ⅶ cgic使用submit上传文件怎样添加进度条
使用 apache fileupload ,spring MVC jquery1.6x , bootstrap 实现一个带进度条的多文件上传，由于fileupload 的局限，暂不能实现每个上传文件都显示进度条，只能实现一个总的进度条，效果如图：
Ⅷ 前端上传文件的几种方法
1.表单上传
最传统的图片上传方式是form表单上传，使用form表单的input[type=”file”]控件，打开系统的文件选择对话框，从而达到选择文件并上传的目的。
form表单上传
表单上传需要注意以下几点：
(1).提供form表单，method必须是post。
(2).form表单的enctype必须是multipart/form-data。
javascript学习交流群：453833554
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码。HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值：
application/x-www-form-urlencoded：在发送前编码所有字符(默认)(空格被编码为’+’，特殊字符被编码为ASCII十六进制字符)。
multipart/form-data：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain：空格转换为 “+” 加号，但不对特殊字符编码。
默认enctype=application/x-www-form-urlencoded，所以表单的内容会按URL规则编码，然后根据表单的提交方法：
method=’get’ 编码后的表单内容附加在请求连接后，
method=’post’ 编码后的表单内容作为post请求的正文内容。
Ⅸ php中上传文件的方法有多少种
一、传统的php写的上传类。写一个php的上传类，这个方法用到的知识全部是php的，而且技术的难点也不多。<form method="post" action="upload.php" enctype="multipart/form-data"><table border=0 cellspacing=0 cellpadding=0 align=center width="100%"> <input type="hidden" name="MAX_FILE_SIZE" value="2000000">//隐藏域。这里name必须设置成MAX_FILE_SIZE，其值就是上传文件的最大长度，单位是B，这里我限制成2M<input name="file" type="file" value="浏览" >< input type="submit" value="上传" name="B1"></table></form> 服务端利用php的$_FILES['file']['name']来获取文件后缀名，具体的代码自己查找资料看看，这里就不多说了。总结;这个方法可以用来上传小于2M的文件或者是图片，基本的功能可以实现。二、利用uploadify插件这个是利用jQuery的上传插件，上传可以带进度条，容易配置。总结：可以上传一些大文件，和图片，而且带进度条，可以多文件上传，在WEB中会经常用。三、利用网络的webuploadWebUploader 是由 Bai FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML5 的优势，同时又不摒弃主流IE浏览器，沿用原来的 FLASH 运行时，兼容 IE6+，iOS 6+, Android 4+。采用大文件分片并发上传，极大的提高了文件上传效率。四、swfupload的插件这是一个jquery的上传插件，功能也非常强大，开发也比较容易，网上有很多的资料，可以自行查找。
Ⅹ 如何使用multipart/form-data格式上传文件
Multipart/form-data其实就是浏览器用表单上传文件的方式。最常见的情境是：在写邮件时，向邮件后添加附件，附件通常使用表单添加，也就是用multipart/form-data格式上传到服务器。表单形式上传附件具体的步骤是怎样的呢？首先，客户端和服务器建立连接（TCP协议）。第二，客户端可以向服务器端发送数据。因为上传文件实质上也是向服务器端发送请求。第三，客户端按照符合“multipart/form-data”的格式向服务器端发送数据。 既然Multipart/form-data格式就是浏览器用表单提交数据的格式，我们就来看看文件经过浏览器编码后是什么样子。点击“Browse…”分别选择“unknow.gif”和“unknow1.gif”文件，点击“submit”按纽后，文件将被上传到服务器。下面是服务器收到的数据：服务器收到的数据这是一个POST请求。所以数据是放在请求体内，而不是请求头内。这行指出这个请求是“multipart/form-data”格式的，且“boundary”是 “—————————7db15a14291cce”这个字符串。不难想象，“boundary”是用来隔开表单中不同部分数据的。例子中的表单就有 2 部分数据，用“boundary”隔开。“boundary”一般由系统随机产生，但也可以简单的用“————-”来代替。实际上，每部分数据的开头都是由"–" + boundary开始，而不是由 boundary 开始。仔细看才能发现下面的开头这段字符串实际上要比 boundary 多了个 “–” 紧接着 boundary 的是该部分数据的描述。接下来才是数据。“GIF”gif格式图片的文件头，可见，unknow1.gif确实是gif格式图片。在请求的最后，则是 "–" + boundary + "–" 表明表单的结束。 需要注意的是，在html协议中，用 “\r\n” 换行，而不是 “\n”。下面的代码片断演示如何构造multipart/form-data格式数据，并上传图片到服务器。//—————————————// this is the demo code of using multipart/form-data to upload text and photos.// -use WinInet APIs.////// connection handlers.//HRESULT hr;HINTERNET m_hOpen;HINTERNET m_hConnect;HINTERNET m_hRequest;//// make connection.//…//// form the content.//std::wstring strBoundary = std::wstring(L"——————");std::wstring wstrHeader(L"Content-Type: multipart/form-data, boundary=");wstrHeader += strBoundary;HttpAddRequestHeaders(m_hRequest, wstrHeader.c_str(), DWORD(wstrHeader.size()), HTTP_ADDREQ_FLAG_ADD);//// "std::wstring strPhotoPath" is the name of photo to upload.////// uploaded photo form-part begin.//std::wstring strMultipartFirst(L"–");strMultipartFirst += strBoundary;strMultipartFirst += L"\r\nContent-Disposition: form-data; name=\"pic\"; filename=";strMultipartFirst += L"\"" + strPhotoPath + L"\"";strMultipartFirst += L"\r\nContent-Type: image/jpeg\r\n\r\n";//// "std::wstring strTextContent" is the text to uploaded.////// uploaded text form-part begin.//std::wstring strMultipartInter(L"\r\n–");strMultipartInter += strBoundary;strMultipartInter += L"\r\nContent-Disposition: form-data; name=\"status\"\r\n\r\n";std::wstring wstrPostDataUrlEncode(CEncodeTool::Encode_Url(strTextContent));// add text content to send.strMultipartInter += wstrPostDataUrlEncode;std::wstring strMultipartEnd(L"\r\n–");strMultipartEnd += strBoundary;strMultipartEnd += L"–\r\n";//// open photo file.//// ws2s(std::wstring)// -transform "strPhotopath" from unicode to ansi.std::ifstream *pstdofsPicInput = new std::ifstream;pstdofsPicInput->open((ws2s(strPhotoPath)).c_str(), std::ios::binary|std::ios::in);pstdofsPicInput->seekg(0, std::ios::end);int nFileSize = pstdofsPicInput->tellg();if(nPicFileLen == 0){return E_ACCESSDENIED;}char *pchPicFileBuf = NULL;try{
