评论：jQuery图片上传预览支持拖拽  [查看原文]

所属分类：输入-上传

 64648  419  157
当前第1页 / 共5页
    Judy0
    2024/2/24 15:31:59
    很不错，感谢！ 回复
    小钻风0
    2022/6/12 15:37:59
    如何调用upload.js里的方法啊，， 回复
    平平淡淡0
    2021/12/6 10:28:22
    昆古尼尔0
    2021/8/25 20:40:10
    楼主，前端div的内容怎么用post传到后端啊 回复
    飘零星0
    2020/12/2 10:45:02
    一个页面有多个能用吗？
        横荣しずく0
        2021/3/23 16:07:07
        一个页面 用一个会比较好吧
    回复
    不知道人0
    2020/11/26 11:45:36
    这个怎么设置只能调用摄像头拍照上传，不管安卓和IOS 回复
    故人北0
    2020/9/10 9:47:47
    怎么限制一下上传类型啊
        西瓜1
        2020/9/10 11:09:35

        自己加个判断就行了
        uload.js第93行后加

        if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(filename)) {
    alert("图片类型必须是.gif,jpeg,jpg,png中的一种");
    ths.value = "";
    return false;
}
        故人北0
        2020/9/10 11:18:44
        已解决 我直接加到这里了
        fileInput = document.createElement('input');
        fileInput.accept = 'image/jpeg, image/png';
    回复
    Coolmeow0
    2020/8/28 8:59:10
    支持作者！！！！！！！！ 回复
    xujianbo03080
    2020/8/3 15:50:00
    这个不支持拍照上传吗？ 回复
    知足者常乐。0
    2020/7/28 21:33:41
    好东西 多谢分享 回复
    暮凉同学0
    2020/3/11 0:09:17
    想知道怎么获取上传图片的base64
        琥珀0
        2020/3/19 14:43:32
        同问
        村头阿毛1
        2020/5/6 17:03:54
        <input type='file' id='fileEl'/>

function base64() {
   let fileObj = document.getElementById('fileEl').files[0]  //获取文件对象
   let reader = new FileReader()   //新建一个FileReader对象
   reader.readAsDataURL(fileObj)   //将读取的文件转换成base64格式
   reader.onload = function(e) {
       document.getElementById('img').src = e.target.result    //将img标签的src换成base64格式，并显示出来
   }
}
        masaladi1
        2024/11/7 17:43:14
        const reader = new FileReader();
// 定义读取完成后的回调函数
reader.onloadend = function() {
    // 获取Base64编码的字符串
    const base64String = reader.result;
    // 显示Base64编码的图片
    app.previewImg = base64String;
};
// 读取文件内容为DataURL
reader.readAsDataURL(val);
    回复
    Joan0
    2020/2/22 17:23:15
    请问我想加入删除该图片功能可以吗？
        areyouOk1
        2020/2/22 21:50:36
        当然可以，自己加个功能，修改src值即可。
    回复
    兴风作浪0
    2020/1/13 18:09:07
    可以支持多张上传吗
        万迪0
        2020/4/10 11:11:40
        可以
    回复
    璐0
    2019/11/18 19:10:38
    一个页面有多个 怎么办 回复
    yuanhai1234560
    2019/9/25 10:21:06
    这个怎么赋值到上传文件input name里面，跟<input type="file" name="avatar" />的一样 回复

讨论这个项目（157）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复