使用变量作为高度和宽度的值

时间:2012-01-21 10:37:25

标签: php javascript jquery ajax

我想使用变量来设置图像的高度和宽度,但是根据我的尝试,它不起作用

  • // A =使用下拉列表选择图像,所以我将其等同于变量以获取图像尺寸
  • // B =你可以看到我附上了$ width&自从直接调用它以来,php参数的$ height也不起作用。 此语句用于将所选图像附加到我创建的画布中。
  • $imageX   = $('#imgChoose').val(); 
    
        list($width, $height) = getimagesize($imageX);//A 
    
    if( $imageX.length > 0){
        $(".image1a").append('<li><img src="JQS_Script/Images/Upload/' + $imageX + '" id="" width="<?php echo"$width";?>" height="<?php echo"$height";?>" /></li>');//B 
    

    <img src="JQS_Script/Images/Upload/' + $imageX + '" id="" width="<?php echo"$width";?>" height="<?php echo"$height";?>" />
    

    <img src="JQS_Script/Images/Upload/' + $imageX + '" id="" width="<?php echo"$width";?>" height="<?php echo"$height";?>" />


    //它工作正常,但是当我将宽度和高度值等同于变量[$ height,$ width]时,它将不再附加/工作。

    我希望我能说清楚。

    2 个答案:

    答案 0 :(得分:2)

    您已将PHP和Javascript混合到同一个脚本中。

    不要忘记,一旦PHP将生成的内容输出到浏览器,它的执行就完成了,不再能够改变变量并在脚本中执行代码。

    在下面的更新示例中,我假设getimagesize($ imageX)是一个javascript函数?如果不是,你还必须把它写进JS。

    $imageX   = $('#imgChoose').val(); 
    
    var imgSizes = getimagesize($imageX);//A 
    
    if( $imageX.length > 0){
        $(".image1a").append('<li><img src="JQS_Script/Images/Upload/' + $imageX + '" id="" width="<?php echo"+imgSizes[1]+";?>" height="'+imgSizes[1]+'" /></li>');//B
    

    你可以看到,我只是直接使用数组来构建HTML,而不是使用PHP的list()函数。

    答案 1 :(得分:0)

    如果要以原始尺寸显示图像,为什么不省略<img>标记中的宽度和高度声明?