Question

我正在使用Uploadify上传图片。现在我需要获得正确的上传路径。

我有以下代码/脚本：

  <?php
    $uploadifyPath = get_bloginfo('url') . '/wp-content/plugins/uploadify/';
    $galleryPath = "'".getGalleryURL('1620')."'"; // <--- 1620 is inputed by me. 
  ?>

  <input id="galleryID" type="hidden" value="1620" name="galleryID"/>
  <input id="fileInput" name="fileInput" type="file" />

  <script type="text/javascript">// <![CDATA[
    $(document).ready(function() {
      $('#fileInput').uploadify({
          'uploader'  : '<?php echo $uploadifyPath ?>uploadify.swf',
          'script'    : '<?php echo $uploadifyPath ?>uploadify.php',
          'cancelImg' : '<?php echo $uploadifyPath ?>cancel.png',
          'auto'      : true,
          'folder'    : <?php echo $galleryPath ?>
      });
    });
  // ]]></script>

我如何使用jQuery获取galleryID的值并将其输入到我的函数getGalleryURL()中？

或者......有更好的方法吗？

Answer 1

你做不到。您是在Web服务器上执行的PHP代码。然后，HTML / CSS / JS代码被传输到执行javascript的浏览器。

如果您需要Javascript / PHP通信，则必须使用jQuerys AJAX功能。

Answer 2

通过jQuery进行AJAX调用，让PHP知道galleryID，然后使用它的回调来加载uploadify。

Answer 3

完全接受了这个挑战，不得不为我刚才正在进行的项目找到答案。

我得到的更简单：在脚本之前回显HTML中的变量，以便jQuery可以从数据属性中提取变量。

我还没有测试过下面的代码，但我想你可以用类似的东西来解决这个问题。祝你好运！

<div class="marker" data-path="<?php echo get_bloginfo('url') . '/wp-content/plugins/uploadify/'; ?>" data-url="<?php echo getGalleryURL('1620'); ?>" style="display:none;"></div>

<input id="galleryID" type="hidden" value="1620" name="galleryID"/>
<input id="fileInput" name="fileInput" type="file" />


<script type="text/javascript">// <![CDATA[
    $(document).ready(function() {


      var path = $('.marker').data('path');
      var url = $('.marker').data('url');

      $('#selector').uploadify({
          'uploader'  : url + '/uploadify.swf',
          'script'    : url + '/uploadify.php',
          'cancelImg' : url + '/cancel.png',
          'auto'      : true,
          'folder'    : path
      });
    });

    // ]]>
</script>

结合javascript / jQuery和PHP

3 个答案: