Phonegap trên WP7 không tải hình ảnh

Question

Tôi đang bắt đầu dự án PhoneGap đầu tiên và đang phát triển bằng Visual Studio và Windows Phone 7, mặc dù tôi dự định sẽ triển khai cuối cùng cho iOS và Symbian.

Tuy nhiên, tôi đang bị mắc kẹt tại Bước 1. Tôi đã thêm một hình ảnh vào thư mục www/images, và đặt đoạn mã sau:

<img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" /> 

Và tôi nhận được:

Nó hoạt động tốt khi tôi xem trước nó trong IE9, nhưng tôi không có một máy Mac để kiểm tra nó trên iOS được nêu ra.

Cần lưu ý rằng các tệp JS và CSS đã tải tốt, chỉ là bất kỳ hình ảnh nào (dù được tham chiếu trong CSS hoặc thẻ <img>) luôn bị hỏng.

Answer 1

Tôi đoán là Build Action tệp hình ảnh của bạn không chính xác.

Theo mục http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure phần 4. Bạn nên đặt Build Action hình ảnh của mình, v.v. thành Content chỉ cần sao chép chúng vào dự án đầu ra khi nó được xây dựng. Chúng có thể được đặt thành Resource hoặc None.

Để thay đổi Build Action, hãy nhấp chuột phải vào tệp và chọn thuộc tính để chuyển đến cửa sổ thuộc tính nếu bạn chưa mở nó. Nó có lẽ là tài sản đầu tiên. Chỉ cần nhấp và chọn đúng.

Answer 2

Tôi đăng nội dung này lên các câu hỏi mà tôi tìm thấy trong khi tìm câu trả lời cho cùng một vấn đề. Khung công tác JS tôi sử dụng thêm truy vấn url cho mỗi hình ảnh khi ở chế độ gỡ lỗi (để buộc trình duyệt tải lại hình ảnh, thay vì sử dụng bộ nhớ cache). Vì vậy, hình ảnh của tôi "image/background.jpg" sẽ được truy cập là "image/background.jpg? D = 34342233". Tuy nhiên, khi chạy trên PhoneGAP cho Windows Phone, nó sẽ không nhận ra hình ảnh, và do đó nó xuất hiện như bị hỏng. Vì vậy, tôi đã phải tắt gỡ lỗi cho khuôn khổ tôi sử dụng, và đột nhiên những hình ảnh xuất hiện (vẫn còn, đừng quên để thiết lập các hành động xây dựng để "Nội dung" như đã đề cập trước đó).