これは本当に奇妙です。画像の配列を格納してページに表示する画像処理オブジェクトを作成しました。しかし、なぜか挙動がおかしくなっています。クロムからのコンソールログは次のとおりです。
default constructor imgHandler.js:16
[null] imgHandler.js:17
GET http://localhost:8080/cglst/images/null 404 (Not Found) jquery-1.7.2.min.js:4
f.fn.extend.html jquery-1.7.2.min.js:4
e.extend.access jquery-1.7.2.min.js:2
f.fn.extend.html jquery-1.7.2.min.js:4
update imgHandler.js:65
$.ajax.success addform.php:239
f.Callbacks.o jquery-1.7.2.min.js:2
f.Callbacks.p.fireWith jquery-1.7.2.min.js:2
w jquery-1.7.2.min.js:4
f.support.ajax.f.ajaxTransport.send.d jquery-1.7.2.min.js:4
imgHandler.js のコンストラクタは次のとおりです。
function imgHandler(imgString) {
if (imgString != null && imgString != "null") {
this.img = imgString.split(",");
this.size = this.img.length;
console.log("parametrized constructor")
console.log(this.img);
} else {
this.img = Array("defaultimage.png");
this.size = 0;
console.log("default constructor")
console.log(this.img);
}
addform.php の 238 ~ 240 行目は次のとおりです。
imgHandle = new imgHandler(data.results[0].photos);
imgHandle.update();
updatePreview();
this.img
文字通り2行前に1つの画像ファイル名の配列に設定したため、これがどのように可能かわかりませんconsole.log("default constructor")
...