dev uploadcontrol 上传图片
<script type="text/javascript">
// <![CDATA[
function Uploader_OnUploadStart() {
btnUpload.SetEnabled(false);
}
function Uploader_OnFileUploadComplete(args) {
var imgSrc = aspxPreviewImgSrc;
if (args.isValid) {
var date = new Date();
imgSrc = "/UploadImages/" + args.callbackData + "?dx=" + date.getTime();
}
getPreviewImageElement().src = imgSrc;
}
function Uploader_OnFilesUploadComplete(args) {
UpdateUploadButton();
}
function UpdateUploadButton() {
btnUpload.SetEnabled(uploader.GetText(0) != "");
}
function getPreviewImageElement() {
return document.getElementById("previewImage");
}
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
var aspxPreviewImgSrc = getPreviewImageElement().src;
// ]]>
</script>
<!--添加图片-->
<table style="width: 500px;padding-left:20px;">
<tr>
<td style="width:300px">
<dx:ASPxUploadControl ID="uplImage" runat="server" ClientInstanceName="uploader" ShowProgressPanel="True"
NullText="Click here to browse files..." Size="35" OnFileUploadComplete="uplImage_FileUploadComplete">
<ClientSideEvents FileUploadComplete="function(s, e) { Uploader_OnFileUploadComplete(e); }"
FilesUploadComplete="function(s, e) { Uploader_OnFilesUploadComplete(e); }"
FileUploadStart="function(s, e) { Uploader_OnUploadStart(); }"
TextChanged="function(s, e) { UpdateUploadButton(); }"></ClientSideEvents>
<ValidationSettings MaxFileSize="4194304" AllowedFileExtensions=".jpg,.jpeg,.jpe,.gif,.png">
</ValidationSettings>
</dx:ASPxUploadControl>
</td>
<td style="width:100px">
<dx:ASPxButton ID="btnUpload" runat="server" AutoPostBack="False" Text="Upload" ClientInstanceName="btnUpload"
Width="100px" ClientEnabled="False" Style="margin: 0 auto;">
<ClientSideEvents Click="function(s, e) { uploader.Upload(); }" />
</dx:ASPxButton>
</td>
</tr>
</table>
<table style="width: 500px">
<tr>
<td style="padding-right: 20px; vertical-align: top;"></td>
<td class="imagePreviewCell">
<img src="../Content/ImagePreview.gif" id="previewImage" alt="" style="width: 490px; height: 200px;" /></td>
</tr>
</table>
后台代码:
string UploadDirectory = "/UploadImages/";
string ThumbnailFileName = Guid.NewGuid().ToString();
protected void uplImage_FileUploadComplete(object sender, DevExpress.Web.ASPxUploadControl.FileUploadCompleteEventArgs e)
{
ThumbnailFileName += e.UploadedFile.FileName;
e.CallbackData = SavePostedFile(e.UploadedFile);
}
string SavePostedFile(UploadedFile uploadedFile)
{
if (!uploadedFile.IsValid)
return string.Empty;
string fileName = Path.Combine(MapPath(UploadDirectory), ThumbnailFileName);
uploadedFile.SaveAs(fileName);
Session["pathpicture"] = UploadDirectory+ThumbnailFileName;
return ThumbnailFileName;
}
dev uploadcontrol 上传图片的更多相关文章
- swfupload在chrome中点击上传图片按钮无反应的解决办法
chrome 22.0.XXXXX dev版上传图片按钮点击无反应原因:是GOOGLE的内建Flash PPAPI外挂所导致的. 问题原因: 由于Google浏览器(Chrome),在最新测试版22. ...
- Dev 关于用openFileDialog控件上传图片的问题
1. OpenFileDialog控件有以下基本属性 InitialDirectory 对话框的初始目录 Filter 要在对话框中显示的文件筛选器,例如,"文本文件(*.txt)|*.tx ...
- ueditor上传图片到七牛云存储(form api,java)
转:http://my.oschina.net/duoduo3369/blog/174655 ueditor上传图片到七牛云存储 ueditor结合七牛传图片 七牛的试炼 开发前的准备与注意事项说明 ...
- Markdown编辑器editor.md的使用---markdown上传图片
http://kindeditor.org/ 确定下有没有查找替换功能 http://pandao.github.io/editor.md/ http://pandao.github.io/edito ...
- 打造一个上传图片到图床利器的插件(Mac版 开源)
写markdown博客如何将截图快速上传到图床--记一个工具插件的实现(windows版 开源)(2017-05-31 20:23) 打造一个上传图片到图床利器的插件 鉴于写博客截图手动上传到图床的步 ...
- django 上传图片、使用PIL制作缩略图并保存到sea的storage
上传图片解析: SAE的设置指引如下: 处理用户上传文件 在setttings.py中添加以下配置. # 修改上传时文件在内存中可以存放的最大size为10m FILE_UPLOAD_MAX_MEMO ...
- flutter 上传图片 image_picker 的使用
Github地址: https://github.com/flutter/plugins/tree/master/packages/image_picker packages地址: https://p ...
- 一百三十一:CMS系统之轮播图上传图片功能
将七牛js放到common下 把获取uptoken的接口放到common视图中 把初始化七牛放到banners.js中 //初始化七牛$(function () { qiniujs.setUp({ ' ...
- 微信小程序批量上传图片 All In One
微信小程序批量上传图片 All In One open-data https://developers.weixin.qq.com/miniprogram/dev/component/open-dat ...
随机推荐
- IIS不能对网站添加默认文档(由于权限不足而无法写入配置文件)
IIS7以上版本配置网站时需要手动配置网站目录的文件夹权限 增加"IIS_IUSER"用户的修改权限 但增加后仍然提示“ 由于权限不足无法写入配置文件” 通常是Web.config ...
- 用apktool工具进行apk的编译和反编译
1.apktool下载安装 给一个2.0版的csdn地址:http://download.csdn.net/download/txj8612/7408775 下载后无需安装,直接解压缩,得到三个文件: ...
- LeetCode Flatten 2D Vector
原题链接在这里:https://leetcode.com/problems/flatten-2d-vector/ 题目: Implement an iterator to flatten a 2d v ...
- mesos+marathon+zookeeper的docker管理集群亲手搭建实例(环境Centos6.8)
资源:3台centos6.8虚拟机 4cpu 8G内存 ip 10.19.54.111-113 1台centos6.8虚拟机2cpu 8G ip 10.19.53.55 1.System Requir ...
- iOS ARC中CTCallCenter没用,无法监听电话的解决方案
今天在尝试使用CTCallCenter进行电话监听时,发现一直无法捕获电话状态改变的事件,研究了一番之后找到了解决方案,在这里分享给大家. 首先使用CTCallCenter监听电话的代码如下: CTC ...
- echarts入门基础,画一个饼状图
注意:一定要自己引入echarts库 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
- 【转】ubuntu 重启命令,ubuntu 重启网卡方法
ubuntu 重启命令 重启命令:1.reboot2.shutdown -r now 立刻重启(root用户使用)3.shutdown -r 10 过10分钟自动重启(root用户使用)4.shutd ...
- javascript实现有向无环图中任意两点最短路径的dijistra算法
有向无环图 一个无环的有向图称做有向无环图(directed acycline praph).简称DAG 图.DAG 图是一类较有向树更一般的特殊有向图, dijistra算法 摘自 http://w ...
- asp.net mvc4 System.Web.Optimization找不到引用
在MVC4的开发中,如果创建的项目为空MVC项目,那么在App_Start目录下没有BundleConfig.cs项的内容,在手动添加时在整个库中都找不到:System.Web.Optimizatio ...
- mysql的一些基本操作语句
-- 创建一个php2016的数据库create database php2016;-- 查看数据库的创建创建语句show create database php2016;-- 指定默认的操作数据库u ...