我在vb.net中使用blueimp文件上传时遇到问题。我是这样实现的:
sb.Append("<div id='fileupload'>" & _
"<form method='POST' enctype='multipart/form-data'>" & _
"<div class='fileupload-buttonbar'>" & _
"<label class='fileinput-button'>" & _
"<span>Add files...</span>" & _
"<input id='file' type='file' name='files[]' multiple>" & _
"</label>" & _
"<button type='submit' class='start'>Start upload</button>" & _
"<button type='reset' class='cancel'>Cancel upload</button>" & _
"<button type='button' class='delete'>Delete files</button>" & _
"</div>" & _
"</form>" & _
"<div class='fileupload-content'>" & _
"<table class='files'></table>" & _
"<div class='fileupload-progressbar'></div>" & _
"</div>" & _
"</div>")
所有fileupload.js都链接得很好。 但是在选择文件后,没有显示缩略图。我尝试使用here中的asp.net示例。
当我调用index.html时一切顺利。如果我在我的vb.net项目中尝试使用它,则不会显示缩略图。
任何想法都会受到赞赏。
修改:我的来源如下:
<div id="fileupload">
<form method="POST" enctype="multipart/form-data">
<div class="fileupload-buttonbar">
<label class="fileinput-button"><span>Add files...</span>
<input id="file" type="file" name="files[]" multiple=""></label>
<button type="submit" class="start">Start upload</button>
<button type="reset" class="cancel">Cancel upload</button>
<button type="button" class="delete">Delete files</button>
</div>
</form>
<div class="fileupload-content">
<table class="files"></table><div class="fileupload-progressbar">
</div>
</div>
</div>
编辑2:似乎有些事情会覆盖“添加”功能。如果我使用下载的.zip示例index.html,我可以在console.log中添加。在我的vb.net项目中,我无法...有人知道如何找出哪个文件覆盖了那个文件?
答案 0 :(得分:0)
我现在就开始工作了!
问题是这个引用不适合我:
<script type="text/javascript" src="http://blueimp.github.com/JavaScript-Templates/tmpl.min.js"></script>
有了它,它就像一个魅力:
downloadTemplate: function (o) {
var rows = $();
$.each(o.files, function (index, file) {
var row = $('<tr class="template-download fade">' +
(file.error ? '<td></td><td class="name"></td>' +
'<td class="size"></td><td class="error" colspan="2"></td>' :
'<td class="preview"></td>' +
'<td class="name"><a></a></td>' +
'<td class="size"></td><td colspan="2"></td>'
) + '<td class="delete"><button>Delete</button> ' +
'<input type="checkbox" name="delete" value="1"></td></tr>');
row.find('.size').text(o.formatFileSize(file.size));
if (file.error) {
row.find('.name').text(file.name);
row.find('.error').text(
locale.fileupload.errors[file.error] || file.error
);
} else {
row.find('.name a').text(file.name);
if (file.thumbnail_url) {
row.find('.preview').append('<a><img></a>')
.find('img').prop('src', file.thumbnail_url);
row.find('a').prop('rel', 'gallery');
}
row.find('a').prop('href', file.url);
row.find('.delete button')
.attr('data-type', file.delete_type)
.attr('data-url', file.delete_url);
}
rows = rows.add(row);
});
return rows;
}