Avatar billede madseman Nybegynder
07. april 2010 - 00:22 Der er 1 kommentar og
1 løsning

Tilføj border

Hej,

Er det muligt at tilføje en sort ramme (border) om billedet ved upload?
I nedenstående kode?

var pdata = {
    phtml : "",
    phtml4file : "",
    phtml4link : "",
    link : "",
    linkOriginal : "",
    linkPreview : "",
    originalSize : "",
    style : "",
    loadFile : false,
    closeAfterLoad : false,
    width:0,
    height:0,
    external:false
};

var pattern4checkname = tinyMCEPopup.editor.getParam("pattern4checkname");
var applicationName = tinyMCEPopup.editor.getParam("application_name");
var useNoindex = tinyMCEPopup.editor.getParam("use_noindex");

$(function(){
    window.setTimeout(function(){
        $("#exts").html(tinyMCEPopup.editor.getParam("upload_image_ext").replace(/ /g,", "));
   
        $("#removePicture").live('click',function(){
            $("#preview").html(tinyMCEPopup.editor.getLang('advanced_dlg.upload_image'));
            $("#pfile").attr("value","");
            removeFile();
            pdata.phtml = pdata.phtml4file = pdata.phtml4link = "";
            pdata.link = pdata.linkOriginal = "";
            return false;
        });
        var ed = tinyMCEPopup.editor;
        e = ed.selection.getNode();
   
        if (e.nodeName == 'IMG') {
            var src = ed.dom.getAttrib(e, 'src');
            if (ed.dom.getAttrib(e,"class")=="mceBigImg"){
                pdata.link = src;
                pdata.linkOriginal = ed.dom.getAttrib(e,"original");
                pdata.linkPreview = "";
                pdata.originalSize = ed.dom.getAttrib(e,"original_size");
                pdata.style = ed.dom.getAttrib(e,"style");
                pdata.phtml = pdata.phtml4link = "<img src='"+src+"' id='pic'/>"
                if (pdata.link==pdata.linkOriginal)
                    $("#plink").attr("value",pdata.link);
            } else {
                $("#plink").attr("value",src);
                pdata.link = src;
                pdata.phtml = pdata.phtml4link = "<img src='"+src+"' id='pic'/>"
            }
            generatePreview();
        }
    },100);
});
function generatePreview(){
    $("#preview").html(pdata.phtml);
    $("#preview").append('<img src="img/delete.png" id="removePicture">');
    if (pdata.phtml!=pdata.phtml4file) $("#preview #pic").css({width:"100px"});
}
function changeLink(){
    var src = $("#plink").attr("value");
    if (src != "") pdata.phtml = pdata.phtml4link = '<img src="'+src+'" id="pic"/>';
    else pdata.phtml = pdata.phtml4link = pdata.phtml4file;
    generatePreview();
    return false;
}
function getCodeForInsert(){
    var src = $("#plink").attr("value");
    if (src!="") {
        pdata.link = src;
        pdata.linkOriginal = "";
    }
    if (pdata.link=="") return "";
    var size = "";
    if (pdata.width>0) size+=" width='"+pdata.width+"' ";
    if (pdata.height>0) size+=" height='"+pdata.height+"' ";
    var result = '';
    var ni = "";
    if (useNoindex && pdata.external===true){
        ni = "noindex='true' ";       
    }
    if (pdata.linkOriginal==""){
        result = "<img "+ni+size+"src='"+pdata.link+"'/>";
    } else {
        result = '<img '+ni+size+'class="mceBigImg" alt="'+tinyMCEPopup.editor.getLang('advanced_dlg.resize_image_alt')+'" style="'+pdata.style+'" original_size="'+pdata.originalSize+'" original="'+pdata.linkOriginal+'" src="'+pdata.link+'"/>';
    }
    return result;
}

function ajaxFileUpload()
{
    //starting setting some animation when the ajax starts and completes
    $("#loading")
    .ajaxStart(function(){
        $(this).show();
    });
   
    /*
        prepareing ajax file upload
        url: the url of script file handling the uploaded files
                    fileElementId: the file type of input element id and it will be the index of  $_FILES Array()
        dataType: it support json, xml
        secureuri:use secure protocol
        success: call back function when the ajax complete
        error: callback function when the ajax failed
       
            */
    $.ajaxFileUpload
    (
        {
            url:'php/image.php?applicationName='+applicationName,
            secureuri:false,
            params:{applicationName: applicationName},
            fileElementId:'pfile',
            dataType: 'text',
            success: uploadComplete,
            error: function (data, status, e) {
                alert(e);
            }
        }
    )
   
    return false;

}

function uploadComplete(data, status) {
    eval("data = "+data+";");
    if (data.status!="OK") {
        alert(tinyMCEPopup.editor.getLang(data.status));
        hideLoading();
        return;
    }
   
    if (data.badfilename!=""){
        var newName = data.badfilename;
       
        while (!pattern4checkname.test(newName)){
            newName = window.prompt(tinyMCEPopup.editor.getLang('advanced_dlg.incorrect_name_file'),newName);
            if (!newName) break;
        }
        if (newName) {
            renameFile(data.filename,newName);
            return;
        }
    }
    pdata.link = data.filename;
    pdata.linkPreview = data.filename_preview;
    pdata.linkOriginal = data.filename_original;
    pdata.originalSize = data.original_size;
    pdata.width = (data.width)?data.width:0;
    pdata.height = (data.height)?data.height:0;
    pdata.phtml = pdata.phtml4file = '<img src="'+pdata.linkPreview+'" id="pic">';
    pdata.phtml4link = "";
    pdata.loadFile = true;
    $("#plink").attr("value","");
    generatePreview();
    hideLoading();
    if (pdata.closeAfterLoad===true){
        insertImage();
    }
}

function insertImage(){
    var src = $("#plink").attr("value") ;
    if (pdata.phtml4link!="" && src!="" && /^http:\/\//.test(src)){
        pdata.closeAfterLoad = true;
        pdata.external = true;
        uploadFromLink(src);
    } else {
        var ed = tinyMCEPopup.editor;
        ed.execCommand('mceInsertContent', false, getCodeForInsert(), {skip_undo : 1});
        tinyMCEPopup.close();
    }
}

function hideLoading(){
    $("#loading").hide();
}
function removeFile(){
    if (pdata.loadFile){
        $.post('php/image.php',{applicationName: applicationName,removeFile:pdata.link},hideLoading);
    }
}

function renameFile(oldNameWithPath, newName){
    $("#loading").show();
    $.post('php/image.php',{applicationName: applicationName,renameFile:true,newNameFile:newName,oldNameFile:oldNameWithPath},uploadComplete);
}

function uploadFromLink(link){
    $("#loading").show();
    var params = {applicationName: applicationName,linkGetWH : link};
    if ($("#loadOnServer").is(':checked')) params = {applicationName: applicationName,link : link};
    $.post('php/image.php',params,uploadComplete);   
}
Avatar billede arne_v Ekspert
07. april 2010 - 01:20 #1
Avatar billede madseman Nybegynder
07. april 2010 - 01:36 #2
Tak, det prøver jeg.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester