怎么不用uploadify按钮，用js直接调用事件来上传

不想写代码的码农 2013-12-10 09:40:25

大神们有谁写过？怎么不用uploadify按钮，用js直接调用事件来上传。或者隐藏uploadify按钮也行

...全文

1462 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

bakdfkuk 2015-03-11

打赏
举报

变通的方法解决了，可以参考这里 Uploadify隐藏按钮后实现动态上传实现预览效果

yixin870216 2014-02-08

打赏
举报

遇到同样的问题，不知如何解决好、、、

不想写代码的码农 2013-12-10

打赏
举报

可是我想把那个浏览按钮隐藏掉用别的代替它。

未知数 2013-12-10

打赏
举报

引用 6 楼 superdog007 的回复:

$('#file框id').uploadify('upload'); 您的这句的作用是隐藏浏览按钮的吗

这是用代码触发上传,未配置自动上传时需调用该函数上传文件，自动上传则不用你那个需求直接配置buttonText就行了，不用管这个

不想写代码的码农 2013-12-10

打赏
举报

$('#file框id').uploadify('upload'); 您的这句的作用是隐藏浏览按钮的吗

未知数 2013-12-10

打赏
举报

引用 3 楼 superdog007 的回复:

请问怎么自定义

配置buttonText:'<button class="self">上传</button>'

xuzuning 2013-12-10

打赏
举报

不可以，除非你写"黑客"控件文件的上传必须经由文件拥有者的同意，否则就违反了安全协定

不想写代码的码农 2013-12-10

打赏
举报

请问怎么自定义

未知数 2013-12-10

打赏
举报

$('#file框id').uploadify('upload'); 不过没必要，uploadify上传按钮样式本就是可以自定义的

不想写代码的码农 2013-12-10

打赏
举报

自己顶一下别沉了。在线等！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

allali 2013-12-10

打赏
举报


<!doctype html>
<html>
 <head> 
  <title></title>
  <style>
	.fileUpload{
		width:100px;
		height:25px;
		position: relative;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
		background: black;
		color: white;
		float: left;
	}

	.fileUpload span {
		display: block;
		position: relative;
		width:100%;
		height:100%;
	}

	.fileUpload input[type=file] {
		position: absolute;
		top: 0px;
		right: 0px;
		margin: 0px;
		display: block;
		transform: translate(-300px, 0) scale(4);
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
		direction: ltr;
		width: 100%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
	}
  </style>
 </head>
 <body>	
	<span class="fileUpload">
	     <span>Upload</span>
             <input type="file"/>
	</span>	
 </body>
</html>

这是把上传控件透明掉可以直接调用事件