$('#picbutton').click(function () {

    $("#fileToUpload").click();

});





$(document).on("click", ".rmattch", function () {

    var divRm = $(this).attr('rel');

    $("." + divRm).remove();

});





/*################################# Upload Pic #######################*/

function ajaxFileUpload(masterkey) {

    var valPathUp = jQuery("input#pathUp").val();

    var valuepicname = jQuery("input#picname").val();

    //$("#keyPage").val("load");

    // $("#addPicbox").last('<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>');

    $("#addPicbox").append('<div class="about-item loadboardaddfile" style="width:100px;height:100px;"><i class="fa fa-spinner fa-pulse fa-3x fa-fw" aria-hidden="true"></i></div>');

    jQuery.ajaxFileUpload({

        //url: 'loadInsertPic.php?myID=' + id + '&masterkey=' + masterkey + '&langt=' + txtlang ,

        url: ''+valPathUp+'th/upload?type=board&masterkey=' + masterkey + '',

        secureuri: false,

        fileElementId: 'fileToUpload',

        dataType: 'json',

        success: function (data, status) {

            var fileadd = ''

            if (data.error) {

                alert(data.error);

                $(".loadboardaddfile").remove();

            } else {

                $.each(data.listpic, function (i, item) {



                    fileadd += '<div class="divfileattach itemUpload-' + data.listid[i] + '">';

                    if (data.listtype[i] == "pdf") {

                        fileadd += '<div class="about-item filetype-' + data.listtype[i] + '" style="width:100px;height:100px;"><i class="fa fa-file-pdf-o" aria-hidden="true"></i></div>';

                    } else {

                        fileadd += '<div class="about-item filetype-' + data.listtype[i] + '" style="background-image:url(' + data.listpic[i] + ');background-size: cover;background-position: center top; background-repeat: no-repeat;width:100px;height:100px;"></div>';

                    }



                    fileadd += '<input name="picalbum[]" value="' + data.listup[i] + '" type="hidden">';

                    fileadd += '<div class="rmattch" rel="itemUpload-' + data.listid[i] + '"><i class="fa fa-times" aria-hidden="true"></i></div>';

                    fileadd += '</div>';

                });

                $(".loadboardaddfile").remove();

                $("#addPicbox").append(fileadd);

            }

        },

        error: function (data, status, e)

        {

            alert(e);

        }

    });

    return false;



}