精华内容
下载资源
问答
  • 1、批量上传 断点续传 web上传 页面上显示显示本地电脑文件夹信息 多种上传方式 可控制上传文件的格式和大小 2、可以直接选择文件夹上传,上传到服务器后,可以根据文件夹的目录结构重新建立文件夹结构 3、显示...
  • JPEG格式的图片在上传Web页面中后需要进行哪些变换,这个变化过程中哪些数据信息会丢失,哪些会保留?
  • Web页面上传文件至HDFS

    2020-07-19 16:44:34
    前端代码: <form action="/项目名/homepage/uploadFile" method="post" enctype="multipart/...input type="submit" value="上传"> </form> 后端代码: public void uploadFile(HttpServletRequest req

    前端代码:

    <form action="/项目名/homepage/uploadFile" method="post" enctype="multipart/form-data">
            <input type="file" name="file">
            <input type="submit" value="上传">
    </form>
    

    后端代码:

    public void uploadFile(HttpServletRequest request, HttpServletResponse response) throws URISyntaxException, IOException, InterruptedException, FileUploadException {
            System.out.println("开始上传文件");
            //获取输入流
            // 转换为 MultipartHttpServletRequest
            MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
                // 通过表单中的参数名来接收文件流(可用 file.getInputStream() 来接收输入流)
            MultipartFile file = multipartRequest.getFile("file");
            System.out.println("上传的文件名称:" + file.getOriginalFilename());
            System.out.println("上传的文件大小:" + file.getSize());
    
            //获取输入流字节数组
            byte[] bytes = file.getBytes();
    
            //获取hdfs对象
            Configuration conf = new Configuration();
            FileSystem hdfs = FileSystem.get(new URI("hdfs://192.168.248.147:9000"), conf, "root");
    
            //获取输出流,并写入到hdfs
            FSDataOutputStream fos = hdfs.create(new Path("/yttlj/output/10.jpg"));
            fos.write(bytes,0,bytes.length);
    
            //关流
            IOUtils.closeStream(fos);
            hdfs.close();
            System.out.println("OVER");
        }
    
    展开全文
  • web 页面上传大文件

    2013-05-06 19:09:55
    各位大虾们,我现在想通过浏览器上传一个2G的文件,,上传文件的同时需要显示进度条。大家谁有好的方法,麻烦告诉小弟下,谢谢
    各位大虾们,我现在想通过浏览器上传一个2G的文件,,上传文件的同时需要显示进度条。大家谁有好的方法,麻烦告诉小弟下,谢谢
    展开全文
  • 本文假定读者已会web上传 针对以上描述问题,提出下面的解决方案: css样式自行设置,不提供 思路如下: 写一个普通的input元素和二个button元素(选择和导入) 写一套form上传,设置为隐藏,并为input上传框...

    众所周知,前端上传文件,需要用form表单和input的type=‘file’,等等属性设置。
    这导致了前端页面不美观,并且会随着浏览器的不同产生不同的效果。
    本文假定读者已会web上传

    针对以上描述问题,提出下面的解决方案:

    效果图
    css样式自行设置,不提供
    思路如下:

    • 写一个普通的input元素和二个button元素(选择和导入)

    • 写一套form上传,设置为隐藏,并为input上传框设置id为file

    • 为input设置readonly属性(禁止用户输入内容),设置placeholder属性(input提示信息),设置onclick点击函数checkFile函数(自定义的)在函数中触发id为file 的窗选择文件$('#file').click();,同样为选择button设置该触发函数。

    • 为form中的input设置onchange事件,当选择了文件的时候会触发该函数,这里起名为getFileName(它的作用是回显,将form中input的内容显示到我们设置为显示的input的内容var name = $('#file').val(); $('#filename').val(name);

    • 为导入按钮设置一个点击事件subForm,在这个地方我们要做俩件事,一个是文件名的筛选,保证上传的文件类型,另一个就是触发上传功能,此处贴代码

    	function subForm() {
    		var filepath = document.getElementById("file").value;
    		var re = /(\\+)/g;
    		var filename = filepath.replace(re, "#");
    		//对路径字符串进行剪切截取 
    		var one = filename.split("#");
    		//获取数组中最后一个,即文件名 
    		var two = one[one.length - 1];
    		//再对文件名进行截取,以取得后缀名 
    		var three = two.split(".");
    		//获取截取的最后一个字符串,即为后缀名 
    		var last = three[three.length - 1];
    		//添加需要判断的后缀名类型 
    		var tp = "xls,xlsx";
    		//返回符合条件的后缀名在字符串中的位置 
    		var rs = tp.indexOf(last);
    		if (rs != -1) {
    		//文件上传函数----------------------------------
    			toImport();
    		} else {
    			layer.alert("文件不是有效xls或者xlsx文件.请重新上传!", 0);
    			document.getElementById("file").value = "";
    			return false;
    		}
    	}
    
    	function toImport() {
    	//with的使用自行百度
    		with (document.forms[0]) {
    			var filepathStr = document.getElementById("file").value;
    			if (filepathStr == "") {
    				layer.alert("请选择要导入的Excel!",0);
    			} else {
    			//后台路径
    				action = "batchInfoAction.do";
    				submit();
    				//设置等待弹窗防止重复提交
    				layer.msg("批量导入需要较长时间,请耐心等待!",{icon:0,time:21600000,shade:[0.5,'#000',true]});
    			}
    		}
    	}
    

    总结

    说白了就是把form隐藏掉,然后使用我们可控的input和按钮等组件来控制不可控的文件上传样式

    展开全文
  • JAVA WEB文件上传步骤如下:实现 Web 开发中的文件上传功能,两个操作:在 Web 页面添加上传输入项,在 Servlet 中读取上传文件的数据并保存在本地硬盘中。1、Web上传文件。在 Web 页面中添加上传输入项: 设置...

    JAVA WEB文件上传步骤如下:

    实现 Web 开发中的文件上传功能,两个操作:在 Web 页面添加上传输入项,在 Servlet 中读取上传文件的数据并保存在本地硬盘中。

    1、Web 端上传文件。在 Web 页面中添加上传输入项: 设置文件上传输入项时应注意:(1) 必须设置 input 输入项的 name 属性,否则浏览器将不会发送上传文件的数据。(2) 必须把 form 的 enctype 属性设为 multipart/form-data,设置该值后,浏览器在上传文件时,将把文件数据附带在 http 请求消息体中,并使用 MIME 协议对上传文件进行描述,以方便接收方对上传数据进行解析和处理。(3) 表单提交的方式要是 post

    2、服务器端获取文件。如果提交表单的类型为 multipart/form-data 时,就不能采用传统方式获取数据。因为当表单类型为 multipart/form-data 时,浏览器会将数据以 MIME 协议的形式进行描述。如果想在服务器端获取数据,那么我们必须采用获取请求消息输入流的方式来获取数据。

    3、Apache-Commons-fileupload。为了方便用户处理上传数据,Apache 提供了一个用来处理表单文件上传的开源组建。使用 Commons-fileupload 需要 Commons-io 包的支持。

    4、fileuplpad 组建工作流程

    (1)客户端将数据封装在 request 对象中。

    (2)服务器端获取到 request 对象。

    (3)创建解析器工厂 DiskFileItemFactory 。

    (4)创建解析器,将解析器工厂放入解析器构造函数中。之后解析器会对 request 进行解析。

    (5)解析器会将每个表单项封装为各自对应的 FileItem。

    (6)判断代表每个表单项的 FileItem 是否为普通表单项 isFormField,返回 true 为普通表单项。

    (7)如果是普通表单项,通过 getFieldName 获取表单项名,getString 获得表单项值。

    (8)如果 isFormField 返回 false 那么是用户要上传的数据,可以通过 getInputStream 获取上传文件的数据。通过getName 可以获取上传的文件名。

    展开全文
  • 用servlet的upload功能实现文件上传很繁琐,代码量很... 下载相关组件(commons-fileupload-xxx.jar及commons-io-xxx.jar)并copy 到项目的WEB-INF/lib 目录下,完成组件的引用; 代码如下:  try{  DiskFileIte...
  • 回首忆惘然JAVA WEB文件上传步骤如下:实现 Web 开发中的文件上传功能,两个操作:在 Web 页面添加上传输入项,在 Servlet 中读取上传文件的数据并保存在本地硬盘中。1、Web上传文件。在 Web 页面中添加上传输入...
  • 手机的web页面调用相机拍照上传

    千次阅读 2017-05-17 16:34:16
    想在手机里的web页面上传照片,又希望能调用摄像头拍完了再上传。 看这代码,重要的是capture="camera" accept="image/*"。 结束。
  • web页面如何获取上传控件的文件名

    千次阅读 2017-04-24 08:51:53
    web页面如何获取上传控件的文件名 id="id属性值" name='upfileName'/>的文件名? 这个问题很简单.代码如下: var fileName=$('#id属性值').val();
  • web上传小马

    2012-10-07 02:01:04
    构造上传页面,可以上传webshell大马进一步得到网站权限ASP
  • 见文章:WEB版一次选择多个文件进行批量上传(swfupload)的解决方案。 本人在2013年时使用plupload为核心进行文件的批量上传的解决方案。见文章:WEB版一次选择多个文件进行批量上传(Plupload)的解决方案 最近在...
  • 2.点击上传按钮,使上传文本框弹出,使用Finder Tool 分别定位上传文本输入框和打开按钮 3.打开脚本编辑器进行编辑,1处对上上图中1的Class+1,2处对应上图中2处(打开按钮)的id+1 1代表Instan...
  • web文件上传

    千次阅读 2018-07-12 10:38:39
    这个Demo 解决了Web上传问题中的以下问题: 1.实现web开发中的文件上传功能,需要完成2个步骤操作: ①在web页面中添加上传输入项 ②在servlet中读取上传文件的数据,并保存到本地盘中。 如何在web页面中添加上传输入...
  • 如何在Web页面中集成文件上传功能 当前,个人主页制作非常流行。当用户开发好自己的页面时,需要将文件传输到服务器上,解决这个问题的方法之一  是运行FTP服务器并将每个用户的FTP默认目录设为用户的Web主目录,...
  • // 创建一个文件上传处理器(装饰设计模式) ServletFileUpload upload = new ServletFileUpload(factory); // 解析请求 List items = upload.parseRequest(request); for (FileItem fileItem : items) { if ...
  • 192.168.3.2:81/api/Article/Upload:1 Failed to load resource: the server responded with a status of 404 (Not Found) ...webapi提交上传图片,为什么会有这样的页面脚本错误提示,问题在哪呢??
  • 下面是完整的一个HTML页面内容,放在服务器上然后浏览就可以了,只支持Chrome和Safari核的浏览器,Chrome,Safari浏览器都可以。在不同的手机和浏览器上面展现的方式不一样。 <!DOCTYPE HTML> 上传图片 ;...
  • 在现在的时代,主流浏览器(当前版本)都支持用js/jquer技术获取当前页面上传文件的相关属性,现在给出获取文件大小的代码。 function checksize(file){ var attachsize=file.files[0].size;//...
  • Web应用中,由于大多数文件的上传都是通过表单的形式提交给服务器的,因此,要想在程序中实现文件上传的功能,首先得创建一个用于提交上传文件的表单页面。需要注意的是,为了使Servlet程序可以获取到上传文件的...
  • unfile.php: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 文件上传页面
  • 我把图片的存储地址返回到页面上做了个超链接,想点击超链接就打开上传的图片,但这样写谷歌浏览器总是报错说是不允许加载本地资源,求大神指点怎么解决这问题?另外上个帖子由于是新手结帖的时候不知道怎么给分就结...
  • web上传下载

    2013-02-01 09:27:24
    需要commons-fileupload.jar 和commons-io....上传:1、接收页面 上传文件: 2、处理页面 My JSP 'upload.jsp' starting page <!-- -->
  • java web页面input type="file"文件上传

    千次阅读 2019-08-19 17:21:29
    页面input上传图片保存到本地并且展示图片 方法1:使用js方法进行图片展示,然后发送请求保存文件 1、点击上传文件按钮,触发点击事件 2、js文件,展示图片 3、文件上传,因为图片已经展示,只进行图片的上传。怕...
  • 短视频APP源代码,web页面调取相册相机 上传图片相关代码: private Context context = this; private ValueCallback<Uri> mUploadMessage;// 表单的数据信息 private ValueCallback<Uri[]> ...
  • 在图片上传以后再页面回显上传的图片,浏览器报错,如下: Not allowed to load local resource:files:///D:/image/XXX.png 原因: 因为浏览器会保护,不允许家在本地,自己弄一个虚拟路径即可. 解决办法: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,785
精华内容 1,914
关键字:

web上传页面