WordPress使用的最简单的AJAX上传插件或脚本是什么?

时间:2012-04-26 作者:Pierre

我正在尝试在我的主题选项页面中使用图像上传,但还没有找到一个包含许多教程或良好文档的简单ajax上传脚本,我只想要一个简单明了的脚本,所以我只需要编辑文件路径和一些其他内容,当然,这也适用于页面上的许多上传程序。

我尝试了plupload,但它对我来说很复杂,因为我对javascript一无所知,只懂一点jQuery。

那么,有没有简单的ajax上传程序可以提供一个很好的教程呢?

2 个回复
最合适的回答,由SO网友:Aaron Wagner 整理而成

我使用了本地上传程序,效果很好。尝试添加以下JS片段:

jQuery(\'#upload_image_button\').click(function() {
  formfield = jQuery(\'#fwpPhoto\').attr(\'name\');
  tb_show(\'\', \'media-upload.php?type=image&TB_iframe=true\');
  return false;
});

window.send_to_editor = function(html) {
  imgurl = jQuery(\'img\',html).attr(\'src\');
  jQuery(\'#fwpPhoto\').val(imgurl);
  tb_remove();
}
然后,在HTML中:

<input id="fwpPhoto" name="facultyPhoto" value="">
<input id="upload_image_button" type="button" value="Upload Image">

用于多个上载程序

<input id="facultyPhoto-1" name="facultyPhoto-1" value="" class="fwpPhoto">
<input id="upload_image_button-1" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-2" name="facultyPhoto-2" value="" class="fwpPhoto">
<input id="upload_image_button-2" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-3" name="facultyPhoto-3" value="" class="fwpPhoto">
<input id="upload_image_button-3" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-4" name="facultyPhoto-4" value="" class="fwpPhoto">
<input id="upload_image_button-4" class="uploadButton" type="button" value="Upload Image">

<script type="text/javascript">
    jQuery(document).ready(function($){
        var target = \'\';
        $(\'.fwpPhoto\').each(function(index) {
            var field = index + 1; //because index starts at 0

            jQuery(\'#upload_image_button-\'+field).click(function() {
                formfield = jQuery(\'#facultyPhoto-\'+field).attr(\'name\');
                target = \'#\'+formfield;
                tb_show(\'\', \'media-upload.php?    type=image&amp;TB_iframe=true\');
                return false;
            });
        });
        window.send_to_editor = function(html) {
            imgurl = jQuery(\'img\',html).attr(\'src\');
            jQuery(target).val(imgurl);
            tb_remove();
        }
    });
</script>

SO网友:Rajeev Vyas

您是否尝试过使用jquery表单插件http://jquery.malsup.com/form/

默认情况下,它也包含在wordpress管理中。

结束

相关推荐

注册Google jQuery被插件覆盖

我目前正在使用一个插件,其中包括jquery版本1.6.4,如下所示:function thethe_image_slider_head_scripts(){ wp_deregister_script( \'jquery\' ); wp_register_script( \'jquery\', \'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/ jquery.min.js\', false, \'latest\');