我可以將文件內容傳遞給Krajee的JQuery引導文件輸入插件

Question

我查看了文檔events和methods，我似乎無法找到任何方法將數據（FileContentResult）從我的模型傳遞到bootstrap-在JavaScript中的文件輸入插件。它看起來好像沒有任何方法或事件可以接受或接受來自我的模型的FileContentResult數據，這樣我就可以加載一張從服務器發送到我的視圖的圖片。

ALl我現在可以做的是創建一個img標籤，並嘗試將數據傳遞到它，但它似乎沒有在屏幕上正確格式。

<input type="image" src="data:image/jpg;base64,@(Html.Raw(Convert.ToBase64String(Model.StudentImageResult.FileContents)))" alt="" /> 

我想這樣傳遞給

@Html.TextBoxFor(model => model.StudentImageResult, new { @type = "file", @id = "input-20" }) 

當我的頁面加載和提取從我的分貝它看起來像這樣的形象。

UPDATE 我確實看到了部分sending data to user from server這裏但areno例子，我是一個新手的JavaScript。誰能幫忙！

Answer 1

您需要使用initialPreview設置來顯示圖像數據以便在頁面加載時從服務器進行預覽。您需要在服務器上提供圖像URL位置。您可以在演示網站上檢查some examples in the advanced usage section。