如何使用文本字段名称上传图像并使用名称预览图像?

时间:2017-05-25 06:37:53

标签: javascript php jquery ajax

使用选择的字段名称和带有所选名称的图像预览上传图像并上传到数据库?请帮助我....请看这个图像例如.. example image.我想要这种类型的代码上传带有名字的图片。

2 个答案:

答案 0 :(得分:1)

你的问题不明确。无论如何,我可以告诉你如何在上传时预览图像..

function readURL(input) {
if (input.files && input.files[0]) {
    var reader = new FileReader();
     reader.onload = function (e) {
     $('#blah').attr('src', e.target.result);
    }

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

}

$("#imgInp").change(function(){

   readURL(this);

 });

以及相关的HTML:

  <form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <img id="blah" src="#" alt="your image" />
  </form>

答案 1 :(得分:0)

您可以使用dropzonejs插件。