精华内容
下载资源
问答
  • php 实现图片网页上传功能
  • 主要为大家详细介绍了php实现网页常见文件上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 用于上传图片到数据库,使用起来简单方便,操作系统简单易学
  • 适用于移动端网页上传裁剪图片功能插件,
  • 头像上传功能

    2018-01-11 14:57:21
    头像上传功能的实现 非常简单的一个小例子,加油 共同学习
  • JSP网页编辑器带上传功能,编辑器风格类似QQ邮箱的样式,记得这种编辑器ASP/PHP都有了,唯独没有JSP版的,于是由HTML编辑器修正完善,加入了上传图片的功能,已经打包成WAR文件,放到你的目录下就可以识别,也可以由...
  • 小弟,想开发一个b/s结构的文件上传功能,然后怎么能在关闭网页后文件还能继续上传 ,然后再次打开网站的时候能显示文件上传的进度,小弟先谢谢了!
  • vbv d
  • 功能非常的齐全,包括同时上传多个附件,支持多个附件同时上传,一次同步上传文件个数设置,单个文件上传大小限制,同时上传附件个数限制,支持上传附件格式等功能,大家可以到官网或其他网站查找Uploadify更多的...
  • 下载功能和上传功能的实现 下载功能和上传功能的实现
  • .NET实现文件上传、图片上传功能

    热门讨论 2013-04-29 22:02:04
    C#代码,实现了文件上传、图片上传功能,并在网页上按比例显示图片。
  • 图片上传在网站里是很常用的功能.ThinkPHP里也有自带的图片上传类(UploadFile.class.php) 和图片模型类(Image.class.php)。方便于我们去实现图片上传功能,下面是实现方法
  • 解决webView不支持网页input type="file"上传功能。接个文章搜索,自己写的代码,确保可以使用。
  • 效果描述: 非常适合移动网页的图片上传裁剪效果 缺点就是调用的js文件比较多 使用方法: 1、将CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
  • JSP网页编辑器CKEditor含图片上传功能,本编辑器中含有一个本地图片自动上传插件,插件使用JAVA技术开发,需要配合JavaScript使用,可以将网页中含有的本地图片(src为'file:///')自动上传到服务器并修改img标签的...
  • 文件上传 下载 smartupload包 视频网站功能
  • 众所周知现在的各大网站基本都设有文件上传功能,用户可以把自己喜欢的图片或其他文件放在网上存起来,以便以后用的时候方便去找,可是一个网页的文件上传功能究竟该怎么去设置呢?今天我就以图片上传为例向大家展示...
  • java web 网站,实现网页直接上传文件,强悍支持断点下载功能, 今天公司,做项目的时候突然客户需要,在页面实现上传文件,并且还得支持断点续传的功能,郁闷啊,只得花时间去弄了,一般现在网上说的都是用FTP的...
  • 用C语言编写的WEB CGI后台接口实现网页文件上传下载功能 用C语言也能进行WEB后端开发,编写controller控制器 本文给出上传下载文件的C语言源码实现
  • 一直在找HTML在线编辑器,目前网上的编辑器都比较臃肿,于是把QQMail的编辑器扒下来,然后自己加了个...仿QQ邮箱 网页编辑器 ASP版 有上传功能 最小的网页编辑器,目前我发现在最小的,QQ邮箱编辑器(菜刀版):只有 27.3K
  • 1、完全由Jquery上传图片实现功能; 2、可以适合做网页、asp、php、aspx等页面页面图片上传功能
  • 昨天上传以个CKeditor的完整实例,但是这个文本编辑器的图片上传功能是添加url地址的方式,并不支持从本机上传图片。 这个实例添加了本机上传图片的功能。 方法是自己增加了上传的方法,然后修改CKeditor的配置文件...
  • JS 实现文件上传功能

    2014-07-02 17:16:29
    js实现文件上传功能,无需安装flash
  • 网站实现自动接收上传天气预报功能.pdf 网站实现自动接收上传天气预报功能.pdf
  • 附件上传功能

    千次阅读 2019-05-08 14:49:15
    //附件上传 function onFileSelect(e) { //alert(“选择文件”); } function onUploadSuccess(e) { var file = e.file; var renderResult = JSON.parse(e.serverData) if(renderResult.result){ fileList....

    后台框架使用jeesite、前台使用miniui。
    html代码:(这里直接使用了miniui的fileupload组件)

    附件:

    js代码:
    //附件上传
    function onFileSelect(e) {
    //alert(“选择文件”);
    }
    function onUploadSuccess(e) {
    var file = e.file;
    var renderResult = JSON.parse(e.serverData)
    if(renderResult.result){
    fileList.push({fileId:renderResult.data, fileName:file.name})
    showTips(‘上传成功!’, ‘success’);
    }
    this.setText("");
    eachFileList();
    }
    function onUploadError(e) {

    }

    function startUpload() {
    if(fileList.length > 0){
    showTips(‘只能上传一个附件!’, ‘success’);
    } else {
    var fileupload = mini.get(“fileupload1”);
    fileupload.startUpload();
    }
    }
    function eachFileList(){
    $("#fileList").empty();
    var tbody = “”;
    //下面使用each进行遍历
    $.each(fileList,function(i,obj) {
    var lis = “”;
    lis += “<li style=“line-height: 26px;”>”+ obj.fileName +"<button style=“margin-left: 20px;” " +
    “οnclick=“deleteFile(’”+ obj.fileId +”’,’"+ i +"’)">删除" +
    “<a style=“margin-left: 20px;” href=’/a/notify/notify/downloadFile?fileEntity.fileId=”+ obj.fileId +"’>下载";
    tbody += lis;
    });
    $("#fileList").append(tbody);
    }
    function deleteFile(id,index){
    $.ajax({
    method: ‘GET’,
    url: ‘/a/notify/notify/deleteFile?id=’ + id
    }).done(function (result) {
    fileList.splice(index, 1);
    eachFileList();
    showTips(‘删除成功!’, ‘success’);
    });
    }

    controller代码:
    /**
    * 上传附件
    */
    @PostMapping(value = “upload”)
    @ResponseBody
    public String upload(Notify notify, HttpServletRequest request, HttpServletResponse response) {
    MultipartFile uploadFile = null;
    if (request instanceof MultipartHttpServletRequest) {
    MultipartHttpServletRequest mrequest = (MultipartHttpServletRequest)request;
    Iterator fileIterator = mrequest.getFileNames();
    if (fileIterator.hasNext()) {
    uploadFile = mrequest.getFile((String)fileIterator.next());
    }
    }
    String fileName = uploadFile.getOriginalFilename();
    FileUpload fileUpload = new FileUpload();
    fileUpload.preInsert();
    FileEntity fileEntity = new FileEntity();
    fileEntity.preInsert();
    fileUpload.setFileEntity(fileEntity);
    fileUpload.setFileName(fileName);
    fileUpload.setFileType(“file”);
    notifyService.insertFileUpload(fileUpload);
    try {
    SaveFileFromInputStream(uploadFile.getInputStream(),“E:/fileUpload”,fileEntity.getFileId()); //用fileEntity.getFileId()作为附件的名称,防止文件重名
    } catch (IOException e) {
    e.printStackTrace();
    return renderResult(Global.TRUE, text(“上传出错!”));
    }
    return renderResult(Global.TRUE, text(“上传成功!”), fileEntity.getFileId());
    }

    public void SaveFileFromInputStream(InputStream stream, String path, String filename) throws IOException {
    	FileOutputStream fs=new FileOutputStream( path + "/" + filename);
    	byte[] buffer = new byte[1024*1024];
        int bytesum = 0;
    	int byteread = 0;
    	while ((byteread=stream.read(buffer))!=-1){
    		bytesum+=byteread;
    		fs.write(buffer,0,byteread);
    		fs.flush();
    	}
    	fs.close();
    	stream.close();
    }
    
    /**
     * 附件下载
     * @param fileUpload
     * @param request
     * @param response
     */
    @RequestMapping(value = "downloadFile")
    public void downloadFile(FileUpload fileUpload,HttpServletRequest request, HttpServletResponse response) {
    	String fileId = fileUpload.getFileEntity().getFileId();
    	BufferedInputStream in = null;
    	BufferedOutputStream out = null;
    	FileInputStream fis=null;
    	try {
    		/*根据id单条查询*/
    		fileUpload = notifyService.getFileUpload(fileUpload);
    		response.setContentType("text/html;charset=UTF-8");
    		//String rootpath = request.getSession().getServletContext().getRealPath("/");
    		String rootpath = "E:/fileUpload";//配置文件中指定下载文件路径。例D:\files
    		File f = new File(rootpath + File.separator + fileId);
    		response.reset();
    		response.setContentType("application/x-excel");
    		response.setCharacterEncoding("UTF-8");
    		response.setHeader("Content-Disposition", "attachment; filename="
    				+ new String(fileUpload.getFileName().getBytes("gbk"),"iso-8859-1"));
    		response.setHeader("Content-Length",String.valueOf(f.length()));
    		fis=new FileInputStream(f);
    		in = new BufferedInputStream(fis);
    		out = new BufferedOutputStream(response.getOutputStream());
    		byte[] data = new byte[1024];
    		int len = 0;
    		while (-1 != (len=in.read(data, 0, data.length))) {
    			out.write(data, 0, len);
    		}
    	} catch (Exception e) {
    		e.printStackTrace();
    	} finally {
    		if (in != null) {
    			try {
    				in.close();
    			} catch (IOException e) {
    			}
    		}
    		if (out != null) {
    			try {
    				out.close();
    			} catch (IOException e) {
    			}
    		}
    		if (fis != null) {
    			try {
    				fis.close();
    			} catch (IOException e) {
    			}
    		}
    	}
    }
    
    展开全文
  • jsp文件上传功能实现

    2014-01-04 11:25:28
    文档是直接贴出了jsp里边实现文件上传功能
  • 一个h5或者网页中需要上传图片功能,并且这个功能可以选择本地的图片或者拍照上传; 实现方法: 我们在网页中是可以直接调用手机的相机或者上传本地图片的,也就是说,我们是有使用本地图片文件和 拍照的...

    情景描述:

                   一个h5或者网页中需要上传图片功能,并且这个功能可以选择本地的图片或者拍照上传;

     

    实现方法:

                   我们在网页中是可以直接调用手机的相机或者上传本地图片的,也就是说,我们是有使用本地图片文件和

                   拍照的权限的,即便网页是在微信环境或者其他浏览器环境中,也都是可以的;

     

                    另外,ios 和 android 中也都是通用的,不用担心; 

                    下面的 id 和 class 随意;

     

                    第一种需求:只需要使用本地的图片资源

    <input id="upload" type="file" accept="image/*;" class="abc">

                    第二种需求:只需要使用相机拍照功能

    <input id="upload" type="file" accept="image/*" capture="camera" class="abc">

                    第三种需求:本地图片 +  拍照

    <input id="upload" type="file" accept="image/*" class="abc">

     

     

     

    展开全文
  • 上传功能在各大网站经常会用到,今天小编通过本文给大家介绍了WEB前端实现裁剪上传图片功能的相关资料,需要的朋友可以参考下
  • 效果描述: 非常适合移动网页的图片上传裁剪效果 缺点就是调用的js文件比较多 使用方法: 1、将CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 243,902
精华内容 97,560
关键字:

网页的上传功能