【发布时间】：2012-09-07 10:02:15
【问题描述】：
我为我的文件上传创建了一个名为选择图像 的自定义Browse 按钮。
当我点击按钮时，对话框打开，然后我选择我的文件；但是当我在文件选择对话框中单击Open 时，什么也没有发生。
它应该将上传请求发送到server/php。我该如何解决这个问题？
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jquery.fileupload-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script src="js/jquery.fileupload-ui.js"></script>
</head>
<body>
<script>
$(function () {
$('.btn').click(function() {
return false;
});
$('#fileupload').fileupload({
dataType: 'json',
acceptFileTypes: /(.|\/)(gif|jpe?g|png)$/i,
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
});
$('#fileupload').bind('fileuploadstart', function (e, data) {
alert('start !');
}).bind('fileuploaddone', function (e, data) {
alert('done !');
});
});
</script>
<form id="fileupload" action="server/php" method="POST" enctype="multipart/form-data">
<div class="btn-upload nice small button blue radius fileinput-button">
<span>Choose Image</span>
<input type="file" name="files[]" multiple>
</div>
</form>
</body>
</html>
【问题讨论】：
-
那些警报弹出，女巫你绑定了吗？
-
不，它们不会弹出...我准确地放置了这些警报，看看会发生什么，看看它是否有效。
标签： jquery file upload blueimp