读书人

关于js操作打开文件对话框解决方法

发布时间: 2013-11-09 17:06:34 作者: rapoo

关于js操作打开文件对话框
我现在要实现上传图片,点击相关的图片然后弹出下面的Windows打开文件对话框:
关于js操作打开文件对话框解决方法
然后我需要控制下面的文件类型只能是图片的格式,当我点击打开时会将选择的图片进行上传,这该怎么做啊,找了很久了还是没有解决方案。 JavaScript Jquery java
[解决办法]
<input type="file" name="pic" id="pic" accept="image/*" />
只支持高级浏览器
[解决办法]
<form id="uploadForm" action="upload" style="display:none;" method="post" enctype="multipart/form-data">
<input name="file" type="file" id="file" onchange="Upload(this);" style="width: 400px;" />
</form>
<img id="img" style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Content/Images/upload.png" title="点击选择要上传的图片" style="height: 200px; width: 200px;" />

在<script type="text/javascript">里面添加如下脚本
$("#img").bind("click", function () {
uploadForm.file.click();
});

读书人网 >Java Web开发

热点推荐