java图片上传的css样式_GitHub - wangyushuai/WebUploader-Demos: 基于WebUploader插件的三种图片上传实例（包含C#,JAVA两种版本）...

WebUploader-Demos

基于三种WebUploader插件的图片上传实例

在Asp.NET MVC 环境下，写了三个基于webUploader.js 的图片上传实例。

Java 环境，请点击下方的链接 WebUploader实例JAVA环境版本Git

效果预览

模块介绍：

模态框上传

普通上传(具有拖拽，上传框等功能)

简单上传，点击上传按钮完成上传图片

亮点

样式优美，且功能齐全

对上传脚本进行了封装，简单易用

支持拖拽上传、复制粘贴上传、断点上传、进度条、预览(预览大小，个数)、翻转、失败重传等功能

低版本浏览器兼容可用(IE6,7等)

补充

更新日志

初始化方法添加请求路径参数

添加使用说明：

20181010 优化简单上传功能

新增wrapUpload.js demo， 对简单上传方法进行了封装，添加了移除、监听错误事件等方法。

webuploader-1.1.5插件 使用说明

本插件基于 webuploader插件 进行了封装，提供了两种常用视图，并对问答后台常用上传功能进行了JS封装，视图，样式，业务逻辑都已封装(JS)，可以直接引入使用。

主要提供了两个版本：

版本1 ： 支持拖拽，支持粘贴，支持模态框，支持预览，支持断点，支持删除，旋转

版本2 ： 简单上传，支持预览

效果：

1. 模态框上传步骤：

直接引入 _madal_upload_view.html里代码即可，所需要的所有代码，已写在代码里了

以下是思路：

一、： 引入资源

二、初始化

1. 视图 和 初始化脚本实例 已放置在对应html 中。

2. JS 思路就是初始化上传方法。

我已封装好的上传方法，需要提供三个参数；并监听模态框，实例的代码即可。

_init_upload(userid, authkey, callback);

简单按钮上传

这一种比较简单，可以直接使用 _view_simple.html,而后执行 _init_simpleUpload方法即可。

一、： 引入资源

二、 执行初始化方法

_init_simpleUpload();