多文件上传--2 (uploadImage.swf)

介绍了一款支持图片本地预览及上传的Flash组件,实现过程简单,仅需少量代码即可完成图片的上传功能。但在MVC项目中使用时需要注意会话ID的一致性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一篇(http://download.youkuaiyun.com/detail/vincent_void/3928566FlashUpload,多文件上传

本文为第二篇:

上图。

 

支持图片本地预览,再上传功能!

实现代码,超级简单。

<body>
    <div id="myContent">
    </div>
</body>

    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            var params = {
                uploadServerUrl: "upload.aspx", //上传响应页面(必须设置)
                jsFunction: "upload", 		//上传成功后回调JS
                filter: "*.jpg;*.png"			//上传文件类型限制
            }
            swfobject.embedSWF("uploadImage.swf", "myContent", "600", "500", "10.0.0", "expressInstall.swf", params);
        }

        function upload() {
            alert('上传成功!');
        }
    </script>

以前我怎么没找到这么给力的上传工具。

附带下载地址!

之前在应用的时候,老是出现下面这个问题,请不要多想,是你的upload.aspx页面出问题 了。保证此文件运行正常该错误就可以击破了。



2012年9月11日14:49:30

在使用中的各项问题:

在MVC项目中使用的时候,发现了一个很奇怪的问题。

我在其中使用 cookie  session 保存值的时候,始终发现保存的值是在其 后台 上传的 Action中有值。但是在别的地方的Action中,竟然取不到值。

后来根据反复盘查,发现 该 flash上传的过程中,创建的后台请求与我本身项目中的sessionId 不一样。

page   //本身项目action 中session ID
jbmvba3ap4fdhordvhkm3ul2
upload   //上传action 中session ID
qtbd2y34y5ahpy3u5nimhgoo

  ViewData["a"] = "a";
            TempData["a"] = "a";
            HttpContext.Cache.Insert("a", "a");
            CookieHelper.SetObj("a", 1, "123");
            Session["a"] = "a";



            string valud = CookieHelper.GetValue("a");
            string a = Convert.ToString(ViewData["a"]);
            string b = Convert.ToString(TempData["a"]);
            string c = HttpContext.Cache["a"].ToString();

写过的变量中,唯独有Cacha可以保存值。


那取不到值应该是很正常的了,无奈只能用Cache了。





如有侵犯别人的著作权,请留言,我会关闭相关内容!



项目中用到了百度的富文本编辑器,在打包之前改了ueditor 中的config.json路径。然后又改回来,在本地运行项目,富文本上传图片遇到了这个错误: 后端配置项没有正常加载,上传插件不能正常使用! 他们说 把config.json文件替换了,重新配置,然后可以成功上传。 这里config.json指的是后端配置中的吗? 比如下面就是配置文件了,改哪里,目前服务器是局域网 ip为:192.168.1.221 但是有域名 cloud.xact.com 如何改 /* 前后端通信相关的配置,注释只允许使用多行方式 */ { "imageUrlPrefix": "file/common/getFile?fileName=", /* 图片访问路径前缀 */ "basePath": "E:", /* 上传文件的基本路径 */ /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制,单位B */ "imageAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp" ], /* 上传图片格式显示 */ "imageCompressEnable": true, /* 是否压缩图片,默认是true */ "imageCompressBorder": 1600, /* 图片压缩最长边限制 */ "imageInsertAlign": "none", /* 插入的图片浮动方式 */ "imagePathFormat": "{yyyy}{mm}{dd}/{filename}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */ /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */ /* {time} 会替换成时间戳 */ /* {yyyy} 会替换成四位年份 */ /* {yy} 会替换成两位年份 */ /* {mm} 会替换成两位月份 */ /* {dd} 会替换成两位日期 */ /* {hh} 会替换成两位小时 */ /* {ii} 会替换成两位分钟 */ /* {ss} 会替换成两位秒 */ /* 非法字符 \ : * ? " < > | */ /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */ /* 涂鸦图片上传配置项 */ "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */ "scrawlFieldName": "upfile", /* 提交的图片表单名称 */ "scrawlPathFormat": "{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "scrawlMaxSize": 2048000, /* 上传大小限制,单位B */ "scrawlUrlPrefix": "", /* 图片访问路径前缀 */ "scrawlInsertAlign": "none", /* 截图工具上传 */ "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */ "snapscreenPathFormat": "{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "snapscreenUrlPrefix": "", /* 图片访问路径前缀 */ "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */ /* 抓取远程图片配置 */ "catcherLocalDomain": [ "127.0.0.1", "localhost", "img.baidu.com" ], "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */ "catcherFieldName": "source", /* 提交的图片列表表单名称 */ "catcherPathFormat": "{yyyy}{mm}{dd}/{filename}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "catcherUrlPrefix": "", /* 图片访问路径前缀 */ "catcherMaxSize": 2048000, /* 上传大小限制,单位B */ "catcherAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp" ], /* 抓取图片格式显示 */ /* 上传视频配置 */ "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */ "videoFieldName": "upfile", /* 提交的视频表单名称 */ "videoPathFormat": "{yyyy}{mm}{dd}/{filename}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "videoUrlPrefix": "file/common/getFile?fileName=", /* 视频访问路径前缀 */ "videoMaxSize": 102400000, /* 上传大小限制,单位B,默认100MB */ "videoAllowFiles": [ ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid" ], /* 上传视频格式显示 */ /* 上传文件配置 */ "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */ "fileFieldName": "upfile", /* 提交的文件表单名称 */ "filePathFormat": "{yyyy}{mm}{dd}/{filename}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "fileUrlPrefix": "file/common/getFile?fileName=", /* 文件访问路径前缀 */ "fileMaxSize": 51200000, /* 上传大小限制,单位B,默认50MB */ "fileAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ], /* 上传文件格式显示 */ /* 列出指定目录下的图片 */ "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */ "imageManagerListPath": "/oasys/resources/static/attachment/", /* 指定要列出图片的目录 */ "imageManagerListSize": 20, /* 每次列出文件数量 */ "imageManagerUrlPrefix": "file/common/getFile?fileName=", /* 图片访问路径前缀 */ "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */ "imageManagerAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp" ], /* 列出的文件类型 */ /* 列出指定目录下的文件 */ "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */ "fileManagerListPath": "/oasys/resources/static/attachment/", /* 指定要列出文件的目录 */ "fileManagerUrlPrefix": "file/common/getFile?fileName=", /* 文件访问路径前缀 */ "fileManagerListSize": 20, /* 每次列出文件数量 */ "fileManagerAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ] /* 列出的文件类型 */ }
最新发布
08-03
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值