相关疑难解决方法(0)

<input type="file" id="asd"/>

我想在用户选择后在base64中获取图像(在提交表单之前)

就像是 :

$(input).on('change',function(){
  var data = $(this).val().base64file(); // it is not a plugin is just an example
  alert(data);
});

我读到了关于File API和其他东西,我想要一个简单的跨浏览器解决方案(明显排除了IE6/IE7)

任何帮助表示感谢.

我需要在我的Web应用程序中生成图像的缩略图.我使用Html 5 File API生成缩略图.

我使用了以下URL中的示例来生成缩略图.

http://www.html5rocks.com/en/tutorials/file/dndfiles/

我成功地能够生成缩略图.我遇到的问题是我只能使用静态大小生成缩略图.有没有办法从所选文件中获取文件尺寸,然后创建Image对象？

我有一个包含四个图像的页面供用户选择.我希望用户能够在上传之前预览网站上的每个图像.

下面的JavaScript代码仅适用于一个图像,但我希望它适用于通过上传的多个图像<input type="file">.

最好的方法是什么？

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#output').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#file-input").change(function () {
    readURL(this);
});

我使用此 javascript 代码显示要上传的选定图像：

    var input = document.getElementById("images"), 
    formdata = false;

function showUploadedItem (source) {
    var list = document.getElementById("image-list"),
        li   = document.createElement("li"),
        img  = document.createElement("img");
    img.src = source;
    li.appendChild(img);
    list.appendChild(li);
}  

HTML：

 <span class="span4">
   <div id="response"></div>
   <ul id="image-list">
   </ul>
 </span> 

如何编辑代码，以便选择和显示的图像以 400 像素的原始大小显示。例子：

谢谢！

我想在上传图像之前验证图像大小和扩展名.我有图像扩展的代码,我想限制图像的大小.这是图像扩展的代码:

function ValidateFileUpload() {
    var fuData = document.getElementById('fileChooser');
    var FileUploadPath = fuData.value;


    if (FileUploadPath == '') {
        alert("Please upload an image");

    } else {
        var Extension = FileUploadPath.substring(
                FileUploadPath.lastIndexOf('.') + 1).toLowerCase();



 if (Extension == "gif" || Extension == "png" || Extension == "bmp"
                || Extension == "jpeg" || Extension == "jpg") {


            if (fuData.files && fuData.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#blah').attr('src', e.target.result);
                }

                reader.readAsDataURL(fuData.files[0]);
            }

        } 


  else {
            alert("Photo only allows file types of …

我想在使用 jquery 或 PHP 上传之前验证我的图像大小、高度、宽度和图像格式。我找到了很多答案，但我还没有发现所有验证都在一起。

图片格式 = png，图片大小 = 2mb，图片高度 = 800px，图片宽度 = 600

我的 jquery 验证是这样的：

store: {
    rules: {
        banner: {
            required: true
        }
    },
    messages: {
        banner: 'The banner must be filled',
    },
    errorElement: 'span',
    errorPlacement: errorPlacement,
    highlight: highlight,
    unhighlight: unhighlight
},

如果用户不上传尺寸为 1170 x 300 像素的横幅，则会出现如下消息：

请上传一张 1170 x 300 像素尺寸的图片

我该怎么做？

我创建了一个type=file输入元素

<input type="file" id="input-id" accept="image/jpg" onchange="verifyFileUpload(event)">

我需要检查文件分辨率是否aXb使用纯 Javascript。我怎样才能在verifyFileUpload(event)函数中做到这一点？

我看到这个代码来获取(KB, MB)图像的大小。但是这段代码是在更改后从按钮获取数据。这段代码可以适用于我的问题吗？或者有没有其他方法可以使用javascript直接获取图像的大小？

$(function () {
   $("#btnClick").change(function (e){
      var a = e.target.files[0];
      alert(parseFloat(a.size / 1024).toFixed(2) + " KB.");
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id ="btnClick"/>

编辑 如上所述nnnnn。我有一个IMG (eg. < img src="someimg.jpg">)我想得到这张图片的大小。我怎么得到它？。如我上面的示例，它将大小存储在按钮中并检索它。