Question

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가 잘 연결되어 있습니다. 그러나 파일을 선택하면 미리보기 이미지가 표시되지 않습니다. 그 asp.net 예제를 사용하여 시도했다 here.

내가 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 프로젝트에서 내가 할 수 없어 ... 누군가가 그 파일을 무시하는 방법을 알아내는 방법을 알고 있습니까?

Answer 1

나는 지금 일하고있어!

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