loại trực tiếp hình ảnh src ràng buộc vấn đề

Question

Tôi có lưu tên cửa hàng hình ảnh trong cơ sở dữ liệu và tập tin hình ảnh trong thư mục địa phương Tôi đã sử dụng để ràng buộc hình ảnh

<img width="16px" height="16px" data-bind="attr:{src: PhotoName}" /> 

trong html đó là hiển thị

<img src="http://sitename.com/Controller/action/imagename.extension"/> 

nhưng tôi cần

<img src="http://sitename.com/imagefolder/imagename.extension"/> 

bất kỳ ý tưởng nào tôi có thể sửa lỗi này? Cảm ơn trước.

Answer 1

Sự cố của bạn không liên quan gì với kncokout.js. Nếu PhotoName chỉ chứa imagename.extension, bạn cần phải tạo đường dẫn hình ảnh của mình bằng tay để hiển thị hình ảnh chính xác.

Vì vậy, bạn cần phải tạo ra con đường đúng hoặc trong các ràng buộc trực tiếp:

<img data-bind="attr:{ src: '/imagefolder/' + PhotoName }" /> 

Lưu ý nếu PhotoName của bạn là một ko.observable sau đó bạn cần phải viết src: '/imagefolder/' + PhotoName().

Hoặc di chuyển logic này bên trong chế độ xem của bạn, ví dụ: việc tạo thuộc tính được tính bằng cách tạo liên kết hoặc khi bạn tạo mô hình chế độ xem chỉ định url chính xác cho PhotoName v.v.