zoukankan      html  css  js  c++  java
  • 图片执行file操作

    <input type="file" id="file1" name="file1" accept=".jpg,.png" style="display:none" onchange="showPicture(this);">
    <img src="../images/y_add_photo.png" onclick="uploadFile('file1')">

    function uploadFile(obj) {
    $("#" + obj).click();
    }
    var fileArr = [];
    function showPicture(obj) {
    var fileList = obj.files;
    var length = fileList.length;
    for (var i = 0; i < length; i++) {
    var suffix = fileList[i].name.substring(fileList[i].name.lastIndexOf(".") + 1, fileList[i].name.length);
    if (suffix == "jpg" || suffix == "png") {
    fileArr.push(fileList[i]);
    var objUrl = getObjectURL(fileList[i]);
    if (objUrl) {
    var html = '<div class="y_photo_close"><img style="66px;height:66px;" src="' + objUrl + '"><img class="y_close_img" title="删除" onclick="deletePicture(this)" src="../images/y_shan.png"></div>';
    $('.y_photo_int').prepend(html);
    }
    }
    else {
    layer.msg("请选择jpg或png格式的图片!");
    return;
    }
    }
    }

    function deletePicture(obj) {
    var index = $(".y_photo_int div").index($(obj).parent());
    fileArr.splice(index, 1);
    $(obj).parent().remove();
    $('#file1').val('');
    $("#image_path").val('');
    }
    function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) {
    url = window.createObjectURL(file);
    } else if (window.URL != undefined) {
    url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) {
    url = window.webkitURL.createObjectURL(file);
    }
    return url;
    }

  • 相关阅读:
    微信小程序 列表渲染 wx:for
    微信小程序获取数据、处理数据、绑定数据关键步骤记录
    jq获取页面距离
    jq中哪个方法有回调函数
    轮播图jq版
    计算器
    计算机基础
    安装LAMP
    ubuntu安装最新版本的node.js
    blade模版之页面的嵌套
  • 原文地址:https://www.cnblogs.com/yyjspace/p/11606415.html
Copyright © 2011-2022 走看看