上传文件HTML前台

<form name="form1" encType="multipart/form-data" method="post">
<!-- <input type="file" id="inputfile" name="upload"
accept="text/plain" > -->
<input id="inputfile" type="file" style="display:none" name="upload" accept=".xls,.doc,.txt,.pdf,xlsx" >
<div style="float: left; padding-left: 15px" >
<input id="photoCover" class="form-control" type="text" style="height:34px;">
</div>
<div style="float: left; padding-left: 5px" >
<a class="btn btn-info" onclick="$(‘input[id=inputfile]‘).click();">导入单个员工信息</a>
</div>
<div style="float: left; padding-left: 5px" >
<button id="uploadBtn" class="btn btn-info">导入提交</button>
</div>
</form>

$(‘input[id=inputfile]‘).change(function() {
$(‘#photoCover‘).val($(this).val());
});

时间: 2024-10-12 20:14:07

上传文件HTML前台的相关文章

js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中

ajaxfileupload.js jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; if(window.ActiveXObject) { var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '&qu

uploadify前台上传文件,java后台处理的例子

1.先创建一个简单的web项目upload (如图1-1) 2.插件的准备 (1).去uploadify的官网下载一个uploadify插件,然后解压新建个js文件夹放进去(这个不强求,只要路径对了就可以) (2).准备所需要的后端处理上传文件的jar包:commons-fileupload-1.2.1.jar 3.新建一个JSP即index.jsp +servlet即UploadServlet.java 图1-1 4.花几分钟对这些简单的配置完成后就可以看看index.jsp与UoloadSe

最简单的上传文件

前台 1 <div class="upload"> 2 <asp:FileUpload ID="FileUpload1" runat="server"/> 3 <asp:Button ID="BtnLoad" runat="server" Text="上传" onclick="BtnLoad_Click"/> 4 </div&

再看ftp上传文件

前言 去年在项目中用到ftp上传文件,用FtpWebRequest和FtpWebResponse封装一个帮助类,这个在网上能找到很多,前台使用Uploadify控件,然后在服务器上搭建Ftp服务器,在本地测试程序上传到ftp服务器一点问题都没有,奇怪的是当发布Web和ftp到同一个IIS下,上传文件时程序直接卡死,然后页面卡死,后来我又发现把Web和ftp分开发布在两台机器上问题又得到解决,所以当时放弃了这个方案. 再看ftp上传文件 前几天偶然看到Wolfy写到一个项目总结,其中提到了用Ser

HTTP的上传文件实例分析

HTTP的上传文件实例分析 由于论坛不支持Word写文章发帖. 首先就是附件发送怎么搞,这个必须解决.论坛是php的.我用Chrome类浏览器跟踪请求,但是上传的文件流怎么发过去没找到,估计流可能多或者什么的不好显示,只知道发送了文件名字.需要实际了解下post文件,不能只会后台或界面不了解前台数据处理和协议怎么传送数据. 图中:有些相关文章 HTTP请求中的form data和request payload的区别 AJAX POST请求中参数以form data和request payload

关于MVC 上传文件

前台代码如下 @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>Index</title> <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> <script t

SpringMVC上传文件的三种方式(转载)

直接上代码吧,大伙一看便知 这时:commonsmultipartresolver 的源码,可以研究一下 http://www.verysource.com/code/2337329_1/commonsmultipartresolver.java.html 前台: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <%@ page language="java" contentTy

bootstrap fileinput 上传文件

最近用到文件上传功能, 说实话:以前遇到过一次,COPY了别人的代码 结束! 这次又要用,可是看到别人很酷的文件上传功能,心痒了! 好吧.简单的办法,找控件: bootstrap fileinput 真是好看: bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinput bootstrap-fileinput在线API:http://plugins.krajee.com/file-input bootstrap-fi

ajaxFileUpload上传文件成功后却无法解析服务器返回的json数据

ajaxFileUpload是一款很好用的文件上传插件,网上也有很多关于它的版本,但在上传文件成功后想返回json数据给前台时,却会出现无法解析json数据的情况. 仔细调试发现其实在向服务器提交数据后,是进入了success回调函数的,只是没有解析到json数据.那就说明服务器做出了响应的,进入了success方法的,唯一的问题就是前台接受的数据不是json格式的. 使用console.log输出data发现并不是纯粹的json数据,其中头部多了<pre style="word-wrap