Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在上传图像之前使用jquery预览图像_Javascript_Jquery_Image_File Upload_Image Uploading - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 在上传图像之前使用jquery预览图像

Javascript 在上传图像之前使用jquery预览图像

javascript jquery image file-upload

Javascript 在上传图像之前使用jquery预览图像,javascript,jquery,image,file-upload,image-uploading,Javascript,Jquery,Image,File Upload,Image Uploading,当我使用下面的输入只上传1个图像时，我使用jquery代码获得了它的预览 <input type="file" id="uploadImage" onchange="Preview_Image_Before_Upload('uploadImage', 'uploadPreview');" name="termek_file" class="file_input"/><img id="uploadPreview" class="uploadPreview" width="200"

当我使用下面的输入只上传1个图像时，我使用jquery代码获得了它的预览

<input type="file" id="uploadImage" onchange="Preview_Image_Before_Upload('uploadImage', 'uploadPreview');" name="termek_file" class="file_input"/><img id="uploadPreview" class="uploadPreview" width="200" />

function Preview_Image_Before_Upload(fileinput_id, preview_id) 
{
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById(fileinput_id).files[0]);
    oFReader.onload = function (oFREvent) 
    {
        if ( window.FileReader && window.File && window.FileList && window.Blob )
        {
            document.getElementById(preview_id).src = oFREvent.target.result;
        }
    };
};


如何使此预览代码与多个图像上载一起工作


<input type="file" multiple name="gallery[]">





试试这个



window.onload=function（）{
if（window.File&&window.FileList&&window.FileReader）{
var filesInput=document.getElementById（“uploadImage”）；
FileInput.addEventListener（“更改”，函数（事件）{
var files=event.target.files；
var输出=document.getElementById（“结果”）；
对于（var i=0；i


我已添加新的答案检查