Drupal Node Forms - 图像字段:如何在选择文件后直接上传图像(无需单击上传按钮)

时间:2012-08-29 08:59:40

标签: image drupal-7 field

我正在尝试在内容类型上通过图片字段添加图片时更改Drupal的默认行为。

选择要分配给节点的图像时,不会直接上传。您还需要单击“上传”以显示图像的预览,这实际上不是用户友好的。

如何更改此(以编程方式)以使Drupal在选择文件后直接开始上传图像。

感谢您的帮助

2 个答案:

答案 0 :(得分:1)

你可以这样做:

(function ($) {
  Drupal.behaviors.autoUpload = {
    attach: function(context, settings) {
      $('.form-item input.form-submit[value=Upload]', context).hide();
      $('.form-item input.form-file', context).change(function() {
        $parent = $(this).closest('.form-item');
        setTimeout(function() {
          if(!$('.error', $parent).length) {
            $('input.form-submit[value=Upload]', $parent).mousedown();
          }
        }, 100);
      });


      $('.form-item input.form-submit[value=Transférer]', context).hide();
      $('.form-item input.form-file', context).change(function() {
        $parent = $(this).closest('.form-item');
        setTimeout(function() {
          if(!$('.error', $parent).length) {
            $('input.form-submit[value=Transférer]', $parent).mousedown();
          }
        }, 100);
      });
    }
  };
})(jQuery);

此解决方案适用于英语和法语浏览器。与AutoUpload模块不同,https://drupal.stackexchange.com/questions/31121/how-can-i-automatically-upload-images-on-file-selection-rather-than-pressing-the模块仅适用于使用英语配置的浏览器。请注意[value=Upload] / [value=Upload]属性

我找到了类似的帖子:

{{3}}

这正是我需要的......

答案 1 :(得分:0)

您应该可以根据自己的需要使用http://drupal.org/project/imce

我不确定Image字段,但是当我遇到这个问题时,我决定让用户在体内添加图像,因为它是durpal更容易的选项 - 在文本中插入图像时它们会立即显示。

IMCE + filefield似乎是一个可行的选择,满足您的直接需求,他们确实提到了AJAX支持。