标签: image-uploading

我正在使用一个应用程序,它具有一个功能,可以从内置的android中选择多个图像Gallery/Camera.

使用以下代码成功打开图库.

Intent intent = new Intent();
intent.setType("image/*");
intent.setAction(Intent.ACTION_GET_CONTENT);
startActivityForResult(Intent.createChooser(intent,"Select Picture"), SELECT_PICTURE);

但我只能从图库中选择一个图像.所以请建议我如何从内置的库中选择多个图像.

提前致谢 !!!

我正在尝试使用成像器模块将内容上传到amazon s3.我一直收到错误信息,说

events.js:72
    throw er; // Unhandled 'error' event
              ^
Error: spawn ENOENT
    at errnoException (child_process.js:980:11)
    at Process.ChildProcess._handle.onexit (child_process.js:771:34)

我已经在我的计算机上安装了imagemagick,但它一直说它没有关联,这可能是问题吗？我也尝试使用brew链接imagemagick进行链接,但由于某种原因无法链接.我正在使用OSx.任何修复？

谢谢.

到目前为止有什么工作:

使用此功能,我正在拍摄上传到我的服务器的图像,将它们发送到aws S3存储桶,然后从我的机器中删除它们.这一切都很有效.

问题:

如何配置图像,以便亚马逊将其作为公共服务并使用适当的内容类型(image/jpeg或image/png)？现在它默认为private和(application/octet-stream).

这是我可以在节点中配置的东西吗？或者我需要在我的aws控制台中这样做吗？

function sendFileToAmazon(file) {
    var s3bucket = new AWS.S3({
      params: {Bucket: 'BUCKET NAME'}
    });

    var params = {Key: file.name, Body: ''};

    fs.readFile(file.path, function(err, data) {
      if (err) throw err;
      params.Body = data;

      s3bucket.putObject(params, function(errBucket, dataBucket) {
        if (errBucket) {
          console.log("Error uploading data: ", errBucket);
        } else {
          console.log(dataBucket);
          deleteFileFromTmp(file);
        }
      });
    });
  }

我们有一个图像上传应用程序，我们在上传之前使用外部JavaScript库在客户端压缩图像。

现在，在上传扩展名为.heif或的图像文件时，我们遇到了iOS11特有的问题.heic。

作为示例，当我们提交带有abc.heic图像的表单时，尝试通过上述库进行压缩时，客户端浏览器应用程序崩溃。因此，我们希望限制将.heic图像附加到图像输入。

不幸的是，我们无法.heic在服务器端识别（我认为是）图像，因为我们abc.jpg在后端收到文件名，因为iOS11 在上传之前会自动将.heic图像转换为jpg图像。

因此，我想在客户端进行检测，但是当我使用下面的代码在客户端检查文件MIME类型时，它会返回image/jpg（实际上我没有iPhone，所以其他一些朋友为我做了）。因此，在我检查MIME类型之前，.heic图像似乎jpg已由iOS11内部转换为图像。（但是由于某些原因，这些转换后的jpg文件无法由该库压缩）

$(document).on('change', '[id=uploading_file]', (evt) => {
    'use strict'
    const files = [...evt.target.files];
    var uploadingFile = files[0];
    var fileType = uploadingFile["type"]; // get file MIME type
    var ValidImageTypes = ["image/jpg", "image/jpeg", "image/png", "image/gif", "image/bmp"];

    if (jQuery.inArray(fileType, ValidImageTypes) >= 0) {
        // image compression code goes here.
    }
});

一些替代解决方案：

我也做了一些其他的修正，以免附加 …

我目前正在为客户建立一个投资组合网站,而我在一个小区域遇到了麻烦.我希望能够为每个项目组合项目上传多个图像(不同数量),我看不到明显的方法.

我能看到的最用户友好的方式是带有JavaScript控件的文件上传表单,允许用户根据需要添加更多字段.有没有人有这样的问题的经验？确实,有没有可以解决我的问题的自定义库？

我之前几乎没有要求修改管理工具,所以我真的不知道从哪里开始.

谢谢任何能够解决问题的人.

我有一个我的网站的管理部分,其中"作者"可以上传照片库等图片等文件,以便稍后包含在我网站的动态内容部分中.我有一些页面,其中html本身存储在mySQL数据库中,用户可以使用ckeditor接口编辑内容.

我试图看看是否有一些东西可以将文件保存到正确的目录并在以后检索它们或者我应该从头开始编写.此外,寻找经验教训和注意事项(安全等).

我正在寻找一个简单的插件或一个外部jquery解决方案,可以轻松集成到tinymce中,允许拖放图像上传和插入一个文本区域,直接将图像放入textarea本身或定义的"放置区",类似于Wordpress中的新媒体上传按钮,甚至更好,没有显示任何对话框.

我不想要额外的功能,如图库浏览器或图像存储库管理,已经尝试了几个这样做的插件,客户发现它太繁琐和复杂,他只是想放弃图像而忘记它,因为他不会再次使用该图像.

我有一个Meteor应用程序,我有兴趣以最简单的方式上传图像.

我能想到的最简单的方法是以某种方式将图像转换为客户端上的base64字符串,并将其作为字符串保存到数据库中.

如何将用户文件系统上的图像转换为base64字符串,然后将其保存到数据库？

我使用带有RMagic的carrierwave 0.10.0 gem来在AWS S3上上传图像.一切都运行正常,除了花费太多时间在AWS S3上传.所以想到使用carrierwave背景来在背景中上传图像.我设置了载波波浪背景(0.4.2),但在这一个我的原始文件总是上传到S3,但该图像的版本永远不会上传到S3.

这是我的carrierwave_backgrounder.rb

CarrierWave::Backgrounder.configure do |c|
   c.backend :sidekiq, queue: :carrierwave
end

我在sidekiq.rb中定义了我的队列

Sidekiq.configure_server do |config|
 config.redis = { :url => "redis://#{ENV['REDIS_ENDPOINT']}:6379", :namespace=> "#{ENV['REDIS_NAMESPACE']}" }
 config.options = 
 queues: %w{
    critical
    carrierwave
  }
 })
end

这是我的photo_uploader.rb

class PhotoUploader < CarrierWave::Uploader::Base
  include ::CarrierWave::Backgrounder::Delay
  include CarrierWave::RMagick
  storage :fog

  def store_dir
    "uploads/images/"
  end

  def filename
    "#{secure_token}.#{file.extension}" if original_filename.present?
  end

  def orient_image
    manipulate! do |img|
      img.auto_orient
      img
    end
  end

  # Create different versions of your uploaded files:
  version :thumb_small do
    process :resize_to_fill => …

所以我有一些功能正常的代码,但我需要添加多个图像上传到它.我用过这个插件.现在我的HTML看起来像这样:

<form class="form-horizontal full-width pull-left m-t-20" name="myForm" ng-if="showForm">
    <div class="form-group">
      <label for="Naam" class="col-sm-3 control-label">Naam</label>
      <div class="col-sm-9">
        <input type="text" class="form-control" id="Naam" ng-model="addForm.name" placeholder="Naam">
      </div>
    </div>
    <div class="form-group">
      <div class="imageselect col-sm-3">
        Afbeeldingen
        <input type="file" ngf-select ng-model="files" ngf-multiple="true" accept="image/*" />
        Drop afbeeldingen: <div ngf-drop ng-model="files" class="drop-box">Drop</div>
      </div>
      <div class="col-sm-9">
        <div ng-repeat="file in files" class="imagepreview">
          <img ng-show="myForm.file.$valid" ngf-thumbnail="file" class="thumb"><br /> <button ng-click="file = null" class="thumbremove" ng-show="file">Verwijder</button>
        </div>
      </div>
    </div>
    <div class="form-group">
      <span class="progress" ng-show="files.progress >= 0">
        <div style="width:<< files.progress >>%" ng-bind="files.progress + …