
webuploader用java接收:
<div id="uploader" class="wu-example">
<div class="queueList">
<div id="dndArea" class="placeholder">
<div id="filePicker"></div>
<p>或将照片拖到这里,单次最多可选300张</p>
</div>
</div>
<div class="statusBar" style="display: none;">
<div class="progress">
<span class="text">0%</span> <span class="percentage"></span>
</div>
<div class="info"></div>
<div class="btns">
<div id="filePicker2"></div>
<div class="uploadBtn">开始上传</div>
</div>
</div>
</div>
<!-- webuploader -->
<link rel="stylesheet" type="text/css"
href="/static/js/webuploader/csscss">
<link rel="stylesheet" type="text/css"
href="/static/js/webuploader/imagecss">
<script type="text/javascript" src="/static/js/webuploader/minjs"></script>
<script type="text/javascript"
src="/static/js/webuploader/upload-imagejs"></script>
Js代码
// 实例化
uploader = WebUploadercreate({
pick: {
id: '#filePicker',
label: '点击选择'
},
dnd: '#uploader queueList',
paste: documentbody,
accept: {
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/'
},
[color=red]swf: '/static/js/webuploader/Uploaderswf',[/color]
disableGlobalDnd: true,
chunked: true,
server: '/point/image/bulkhtml',
fileNumLimit: 300,
fileSizeLimit: 5010241024,//5M
fileSingleSizeLimit: 510241024 //1M
});
上传文件和普通的spring一样
Java代码
@RequestMapping("/bulk")
@ResponseBody
public String bulk(>
首先,找到109行的代码
var swf = '/expressInstallswf';修改为您的地址
//修改您的flash地址var swf = '/Scripts/webuploader-015/examples/image-upload/expressInstallswf';
其次,找到151行,在实例化的时候修改用于上传flash的地址:
swf: '//dist/Uploaderswf',修改为
swf: '/Scripts/webuploader-015/dist/Uploaderswf',第三,找到154行,将上传地址修改为net的一般处理程序的请求地址
server: '//server/fileuploadphp',修改为您的一般处理程序地址
server: '/server/fileuploadashx',第四,找到260行修改预览的服务器代码地址(我没有写不影响文件上传)
$ajax('//server/previewphp', {修改为您的一般处理程序的预览地址
$ajax('/server/previewashx', {好了,到这里我们将uploadjs修改完成了。
下面就是写了处理程序了,在项目中创建一个server文件夹并添加以下两个文件fileuploadashx和previewashx。
下面介绍fileuploadashx的实现方法
using System;using SystemCollectionsGeneric;
using SystemLinq;
using SystemWeb;
using SystemIO;
using SystemText;
namespace Blogserver
{
/// <summary>
/// Summary description for fileupload
/// </summary>
public class fileupload : I>}
运行效果如下:
上传成功了,下面来看看文件是否被保存了,打开文件件查看如下;
Perfect!正如完美预料的那样成功了。谢谢!!!!
我现在又显示它的方法了 ,就是要传个文件路径的参数进来。然后我就用<asp:FileUpload ID="FileUpload1" runat="server" / 整个控件来获取文件的路径,,你错了,你获得路径也没用,你显示需要的是服务端的路径,那个控件里的路径是客户端路径,你拿到了也没有用的最多只能你自己本机测试的时候有用,(因为服务端和浏览器在同个电脑)但是实际上这种做法是错误的要显示Excel文件有很多方式, 如果你有路径就能显示的话,你可以调用 SaveAs方法把文件存在一个临时你自己起的路径(这个是服务端的了), 然后你把这个路径拿来用就可以了
最近研究了下大文件上传的方法,找到了webuploader js 插件进行大文件上传,大家也可以参考这篇文章进行学习:《Web Uploader文件上传插件使用详解》 使用 使用webuploader分成简单直选要引入 <!--引入CSS--> <link rel="stylesheet" type="text/css" href="webuploader文件夹/webuploadercss"> <!--引入JS--> <script type="text/javascript" src="webuploader文件夹/webuploaderjs"></script> HTML部分 <div id="uploader" class="wu-example"> <!--用来存放文件信息--> <div id="thelist" class="uploader-list"></div> <div class="btns"> <div id="picker">选择文件</div> <button id="ctlBtn" class="btn btn-default">开始上传 </button> </div> </div> 初始化Web Uploader jQuery(function() { $list = $('#thelist'), $btn = $('#ctlBtn'), state = 'pending', uploader; uploader = WebUploadercreate({ // 不压缩image resize: false, // swf文件路径 swf: 'uploaderswf', // 文件接收服务端。 server: uploadphp, // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash pick: '#picker', chunked: true, chunkSize:210241024, auto: true, accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/' } }); uploadphp处理 以下是根据别人的例子自己拿来改的php 后台代码 header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: " gmdate("D, d M Y H:i:s") " GMT"); header("Cache-Control: no-store, no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { exit; // finish preflight CORS requests here } if ( !empty($_REQUEST[ 'debug' ]) ) { $random = rand(0, intval($_REQUEST[ 'debug' ]) ); if ( $random === 0 ) { header(">
以上就是关于webuploader用java怎么接收全部的内容,包括:webuploader用java怎么接收、asp.net 如何使用百度的webuploader、ASP.NET如何获取fileupload控件所选的文件路径等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)