2013-03-18 59 views
0

我有一个问题,在vb.net上使用blueimp文件上传。我实现了这样的说法:blueimp文件上传vb.net没有缩略图显示

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'es链接很好。 但选择文件后,不显示缩略图。我尝试使用来自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

如何才能在vb.net代码运行?这不是vb.net代码 – Kasnady 2013-03-18 09:22:56

+0

@ArwinZhang?困惑?看起来像VB.Net - 'StringBuilder.Append()'和使用'&_' – Archer 2013-03-18 09:32:15

+0

在vb.net中,我从来没有看过类似这样的代码,就像

一样,它就像web编程一样。你在vb.net中使用这个代码?我直到现在还不明白你的问题 – Kasnady 2013-03-18 09:33:54

回答

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; 
     }