jQuery MiniUI 开发教程 表单控件 FileUpload:文件上传控件(二十)

[b]FileUpload:文件上传控件[/b]
[img]http://www.miniui.com/docs/api/images/fileupload.gif[/img]

参考示例:[url=http://www.miniui.com/demo/fileupload/fileupload.html]FileUpload:文件上传控件[/url]

[b]创建FileUpload[/b]
<input id="fileupload1" class="mini-fileupload" name="Fdata" limitType="*.txt"
flashUrl="swfupload/swfupload.swf"
uploadUrl="upload.aspx"
onuploadsuccess="onUploadSuccess"/>

[b]服务端处理[/b]
// 获得程序路径
string tempFile = Request.PhysicalApplicationPath;

//找到目标文件对象
HttpPostedFile uploadFile = Request.Files["Fdata"];

// 如果有文件, 则保存到一个地址
if (uploadFile.ContentLength > 0)
{
uploadFile.SaveAs(string.Format("{0}{1}{2}", tempFile, "demo\\fileUpload\\upload\\", uploadFile.FileName));
}

Response.Write(uploadFile.FileName +"("+DateTime.Now+")"); //可以返回一个JSON字符串, 在客户端做更多处理
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在miniui中实现多文件上传功能,你需要使用miniui的上传控件组件,并对其进行一些配置和代码操作。下面是实现多文件上传的步骤: 1. 在页面中引入miniui的上传控件组件,如下所示: ``` <script src="/miniui/miniui.js"></script> <link href="/miniui/themes/bootstrap/miniui.css" rel="stylesheet" /> ``` 2. 在页面中添加上传控件组件,如下所示: ``` <mini-uploader id="uploader" name="file" flashUrl="/miniui/uploader/uploader.swf" uploadUrl="/upload.php" limitType="*.jpg,*.gif,*.png" limitSize="1024" multiSelect="true"></mini-uploader> ``` 其中,id为上传控件的ID,name为上传文件的参数名,flashUrl为Flash上传组件的URL,uploadUrl为文件上传的URL,limitType为文件类型的限制,limitSize为文件大小的限制,multiSelect为是否允许多文件上传。 3. 在页面中添加上传按钮,如下所示: ``` <input type="button" value="上传文件" onclick="uploadFile()" /> ``` 其中,onclick事件调用uploadFile()函数,用于触发上传事件。 4. 在页面中添加上传文件的处理函数,如下所示: ``` function uploadFile() { var uploader = mini.get("uploader"); uploader.upload(); } ``` 其中,使用mini.get获取上传控件组件,然后调用upload()方法实现文件上传功能。 5. 在服务器端编写处理文件上传的代码,如下所示: ``` <?php $uploadDir = 'uploads/'; $fileName = $_FILES['file']['name']; $filePath = $uploadDir . $fileName; move_uploaded_file($_FILES['file']['tmp_name'], $filePath); ?> ``` 其中,$uploadDir为文件上传的目录,$fileName为上传文件的名称,$filePath为上传文件的完整路径,move_uploaded_file()函数用于将上传的文件移动到指定的目录下。 通过以上步骤,就可以实现miniui的多文件上传功能了。注意,以上代码仅供参考,具体实现还需要根据实际情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值