`

swfupload的flash按钮无法被遮罩层覆盖解决办法

 
阅读更多
在网页中,参加Flash动画后,若是应用遮罩层,很可能呈现,遮罩不了Flash的景象。这种景象,可以在object元素内增长以部属性。
< param name=""wmode"" value=""transparent"" />

swfupload中供给对此参数的支撑,只需设备button_window_mode : "transparent",即可


例如

function initBatchUpload() {
		var def = {
			button_width : 80,
			button_height : 22,
			button_text : "批量上传",
			file_types : "*.jpg;*.jpeg;*.gif;*.png;*.bmp",
			file_size_limit : "600 KB",
			button_window_mode : "transparent",
			button_placeholder_id : "batchUploadBtn",
			upload_error_handler : uploadErrorNoProgress,
			file_queue_error_handler : fileQueueErrorNoProgress,
			custom_settings : {
				progressTarget : "progressTargetNo",
				resultTarget : document.getElementById("batchResult"),
				hiddenInput : document.getElementById("cutImgs"),
				resultImg : "batchImg",
				width : "150px",
				height : "100px",
				isBatch : true,
				callback : batchCallBack
			}
		};
		var settings = $.extend(false, params, def);
		batchSwfu = new SWFUpload(settings);
	}






<span id="batchUploadBtn"></span> 
<!-- <span>建议图片像素:<code>480px*800px</code>大小<code>50kB</code>以下</span> --> 
<span id="batchResult"></span>
<input type="hidden" id="oldCutImgs" name="oldImgPath" value="${imgPath}" /> 
<input type="hidden" id="cutImgs" name="imgPath" value="${imgPath}" 
	data-rule-required="true"
	data-msg-required="请上传详情图片" /> 
<div id="batchImg">
	<s:iterator value="#imgPaths" status="index" var="catImgPath">
		<div id="catImg_${fn:stripSubstring(catImgPath)}"
			style="float: left;">
			<img
				style="margin: 5px; width: 170px; height: 280px; border: 1px solid rgb(204, 204, 204); opacity: 1;"
				src="${srx}${catImgPath}" /> <a
				href="javascript:deleteFile('${catImgPath}', 'catImg_${fn:stripSubstring(catImgPath)}','cutImgs')"
				style="display: block; width: 60px; margin: 5px; text-align: center;">删除</a>
		</div>
	</s:iterator>
</div>



分享到:
评论

相关推荐

    swfupload flash上传兼容所有浏览器

    SWFUpload 是一款开源的Flash上传组件,它在过去的网页开发中被广泛使用,尤其在应对多文件上传和处理大文件上传时具有显著优势。它的核心功能是利用Flash技术实现跨浏览器的文件上传,即便是在那些不支持HTML5的旧...

    swfupload flash插件上传

    **标题:“SwfUpload 闪存插件...总之,SwfUpload 是一个强大的文件上传解决方案,通过JavaScript和Flash的结合,为Web应用提供了高效、友好的文件上传体验。它的源码开放,可定制性强,适合各种类型的Web开发项目。

    swfupload 支持flash10 实例

    swfupload 支持flash10 实例swfupload 支持flash10 实例swfupload 支持flash10 实例swfupload 支持flash10 实例swfupload 支持flash10 实例

    kindeditor-4.1.11多图上传按钮无法出现且无法点击flash无法上传

    在它的4.1.11版本中,存在一个与Flash相关的问题,即多图上传按钮无法显示且无法通过Flash进行文件上传。由于Adobe公司在2020年底已经停止对Flash Player的支持,这个问题对于依赖Flash的KindEditor来说,确实是一个...

    大名鼎鼎SWFUpload- Flash+JS 上传

     动态修改SWFUpload初始化设置中的post_params属性,其中所有的值都将被覆盖。  - 参数  param_object:一个simple JavaScript object,所有的name/value都必须是字符串,例如(this.setPostParams({ "Mari": name...

    phpcms_v9 后台上传图片按钮无法点击

    3. **替换Flash插件**:移除或注释掉原有使用Flash的上传代码,如SWFUpload等库。确保删除所有与Flash相关的JavaScript和CSS引用。 4. **引入HTML5上传插件**:有许多开源的HTML5上传插件可供选择,例如Plupload、...

    swfupload上传文档报400解决办法

    ### SWFUpload上传文档报400错误的解决办法 #### 背景与问题描述 在使用SWFUpload进行文件上传的过程中,可能会遇到HTTP状态码为400的错误。这种错误通常意味着服务器无法理解请求的数据格式,最常见的原因是...

    SWFUpload flash上传插件

    * 可以同时上传多个文件;  * 类似AJAX的无刷新上传;  * 可以显示上传进度;  * 良好的浏览器兼容性;  * 兼容其他JavaScript库 (例如:jQuery, Prototype等);... * 支持Flash 8和Flash 9;

    SWFUpload Flash上传组件的中文文档

    SWFUpload是一款流行的JavaScript与Flash结合的文件上传组件,它为网页提供了优雅且功能强大的文件上传解决方案。这个组件以其高效、易用和丰富的自定义选项而广受开发者喜爱。SWFUpload允许用户在不刷新页面的情况...

    swfupload控件实现flash文件上传

    SWFUpload是一款强大的JavaScript与Flash相结合的文件上传控件,它允许用户在浏览器中实现无刷新的多文件上传,提供丰富的上传进度显示和事件回调功能。这个控件最初由Vinterwebb.se开发,旨在超越传统...

    Swfupload FLASH批量文件上传(PHP)

    "Swfupload FLASH批量文件上传(PHP)" 是一个技术解决方案,它允许用户通过使用Flash技术实现批量上传文件到服务器。此方案结合了Flash组件与PHP后端处理,为网站提供了高效且用户友好的文件上传功能。下面我们将详细...

    swfupload(jsp+flash文件上传)

    SwfUpload 是一款开源的文件上传组件,它结合了Java Server Pages (JSP) 和Adobe Flash技术,提供了一种在Web应用中实现高效、用户体验友好的文件上传方式。这款组件在早期的Web开发中非常流行,因为它允许用户通过...

    swfupload

    总结,SWFUpload是一个功能强大的Flash上传组件,虽然现代浏览器已不再支持Flash,但在过去它为网页文件上传提供了高效、友好的解决方案。通过研究给定的示例文件,开发者可以了解到如何在ASP.NET 2.0环境中集成...

    swfupload插件

    需要注意的是,由于Flash技术逐渐被淘汰,SWFUpload可能不适用于对现代浏览器和移动设备的支持。对于新的项目,建议考虑使用HTML5的File API和Fetch API来实现文件上传,这些原生API提供了更好的跨平台性和性能。...

    SwfUpload在IE10上不出现上传按钮的解决方法

    解决这个问题的关键在于调整SwfUpload.js文件中的Flash对象标签生成逻辑。在源代码中,我们需要找到`getFlashHTML`这个函数,该函数负责创建Flash对象并将其插入到文档中。在找到的注释行`// Private: getFlashHTML ...

    SwfUpload 多文件上传

    SwfUpload 是一款开源的Flash上传组件,它允许用户在网页上实现多文件上传功能,尤其适用于需要大文件上传或批量上传的场景。这个技术在Web开发中被广泛应用,因为它可以提供比传统HTML表单上传更好的用户体验。...

    SwfUpload文件上传demo

    SwfUpload 利用Flash插件创建一个透明的按钮,用户点击该按钮后,可以触发文件选择对话框,选择多个文件进行上传。由于Flash允许访问本地文件系统,因此SwfUpload能够实现多文件同时上传,并且支持大文件分块上传,...

    swfupload说明

    虽然SWFUpload依赖Flash,但随着Flash逐渐被淘汰,开发者应考虑在现代浏览器中使用HTML5的File API作为替代方案,以确保更广泛的兼容性和更好的性能。 总结,SWFUpload是一个强大的文件上传工具,通过JavaScript和...

Global site tag (gtag.js) - Google Analytics