我正在尝试实现 blue imp jquery 文件上传插件:https://github.com/blueimp/jQuery-File-Upload/正如人们常说的,文档非常详细,但对于我这个 jquery 初学者来说并不是很理解。
我想我基本上对 jquery 的经验几乎为零,所以如果有人可以帮助我或给我一个他,我会非常高兴!
我尝试按照 wiki 中的方式设置基本实现,并将以下内容保存为 index.html:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
</head>
<body>
<input id="fileupload" type="file" name="files[]" multiple>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/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>
$(function () {
$('#fileupload').fileupload({
dataType: 'json',
url: 'server/php/',
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
});
});
</script>
</body>
</html>
我想做的是在同一页面上显示已上传的图像。我想我需要在上传完成后的回调中执行此操作。但是,我不知道将代码放在哪里......
因此,为了找出在哪里放置任何代码,我只是尝试获取一个警报框并添加此代码 |更新:现在可以使用:
$('#fileupload').bind('fileuploaddone', function (e, data) {alert("Message","Titel")});
我也尝试简单地使用(更新:仍然不起作用):
$('#fileupload').fileupload('disable');
正如维基中所说,但没有效果。
我是否在错误的地方使用了代码?我想代码本身应该没问题......
预先感谢您的任何提示!
最佳答案
如果您绑定(bind)到“fileuploadcompleted”,则可以在上传图像时触发操作。
这可以通过将绑定(bind)链接到文件上传的末尾来完成。 例如:
$('#fileupload').fileupload({
dataType: 'json',
url: 'server/php/',
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
}).bind('fileuploadcompleted', function (e, data) {alert("Message","Title")});
或者在文件上传函数调用下面的任何地方使用:
$('#fileupload').bind('fileuploadcompleted', function (e, data) {alert("Message","Title")});
关于jquery文件上传插件: how to use callbacks?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9703692/