Question

请教：jquery中 if else 语句中应用alert弹出对话框以后页面不刷新的问题

如下图所示：
jquery中 定义onSelect函数来设置：
if当上传的图片不超过3张时，通过funAppendImage()函数显示图片出来，
else否则超过3张时，else{alert("亲,最多只能上传3张图片！");
但是用alert弹出的对话框点击确定以后，原来的已经显示的图片被刷新不见了，
请问这种情况下：想要alert弹出的对话框"亲,最多只能上传3张图片！"点击确定以后，
原来已经显示的图片页面不被刷新，还保留着，那下面的程序还需什么修改吗？

源码如下：
<script>var params = {onSelect: function(files) { var html = '', i = 0; $("#preview").html('<div class="upload_loading"></div>'); var funAppendImage = function() {
file = files[i]; if (file) { var reader = new FileReader() reader.onload = function(e) { if(i<3){//当上传的图片不超过3张时 html = html + '<img id="uploadImage_' + i + '" src="' + e.target.result + '" />'+ '<span id="uploadProgress_' + i + '" ></span>' + '</div>'; i++; funAppendImage(); } else{alert("亲,最多只能上传3张图片！"); } } reader.readAsDataURL(file); } else { $("#preview").html(html); } }; funAppendImage(); } };</script>

Answer 1

由于只是部分代码，没有办法进行详细测试，看下是不是下面那样

注意注释部分我做过修改

var params = {
    onSelect: function(files) {
        var html = '', i = 0;
        $("#preview").html('<div class="upload_loading"></div>');
        var funAppendImage = function() {
            file = files[i];
            if (file&&i<3) {//在这里判断
                var reader = new FileReader()
                reader.onload = function(e) {
                    //if(i<3){//当上传的图片不超过3张时（不在这里判断）
                        html = html + '<img id="uploadImage_' + i + '" src="' + e.target.result + '"  />'+'<span id="uploadProgress_' + i + '" ></span>' +'</div>';
                        i++;
                        funAppendImage();
                    //}
                    //else{alert("亲,最多只能上传3张图片！"); }
                }
                reader.readAsDataURL(file);
            }else {
                if(i>=3){//加一段
                    alert("亲,最多只能上传3张图片！");
                }
                $("#preview").html(html);
            }
        };
        funAppendImage();  
    }
};

Answer 2

alert 后 return;

追问

大神：
用 return或者return false都没有用呀。
还要其他的方法吗？