javascript - Tải lên hình ảnh AJAX tạo thanh tải/phần trăm tải

In lại Tác giả: Walker 123 更新时间：2023-11-28 15:30:20 35 4

$('.update-insertimage-form').submit(function() {
$(".submit-newupdate-btn").addClass('disabled');
var rootAsset = $('.rootAsset').html();
var formData = new FormData($('.update-insertimage-form')[0]);
$.ajax({
    url: rootAsset+'saveUploadedImage',
    type: 'post',
    bộ đệm: sai,
    dataType: 'json',
    data: formData,
    processData: false,
    contentType: false,
    beforeSend: function() {
      $(".form-control-addupdate").append('
Uploading Image...
');
      $(".uploading-overlay").fadeIn();
    },
    success: function(data) {
      $(".submit-newupdate-btn").removeClass('disabled');
      if(data.errors) {
        $('.modal-body').append('
Error! '+ data.errors +'
');
      } else if (data.success) {
        $(".form-control-addupdate").append('

');
        $(".uploading-overlay").fadeOut(function(){
          $(".uploading-overlay").remove();
        });
        var $t = $('.form-control-addupdate');
        $t.animate({"scrollTop": $('.form-control-addupdate')[0].scrollHeight}, "slow");
      }
    },
    error: function(xhr, textStatus, thrownError) {
        alert('Something went to wrong.Please Try again later...');
    }
});
trả về sai;
});

xhr: function() {
                var xhr = new window.XMLHttpRequest();
                xhr.addEventListener('progress', function(e) {
                     $('.progressbar .bar').css('width', '' + (100 * e.loaded / e.total) + '%');
                     $('.progresspercent').text((100 * e.loaded / e.total) + '%');
                });
                return xhr;
            },

35 4 0

• Thực thi javascript có trong trường giá trị đầu vào - JavaScript

  Tôi có một biểu mẫu ở định dạng html: Tôi cần lấy JavaScript để thực thi trong trường nhập giá trị, nhưng chỉ thông qua việc gửi biểu mẫu. Lý do là trang này là mẫu nên tôi không thể kiểm soát nó (không thể có).

• Đoạn mã JavaScript đang phá vỡ JavaScript khác

  Diễn đàn tôi quản lý được lưu trữ bằng phần mềm nên tôi không có quyền truy cập vào mã nguồn, tôi chỉ có thể thêm JavaScript vào trang để thực hiện những gì tôi cần thực hiện. Tôi đang cố gắng thay thế phiên bản đầu tiên của một số từ khóa văn bản nhất định trên tất cả các trang bằng siêu liên kết. Tôi cũng đã ánh xạ những thứ này dựa trên mã quốc gia

• JavaScript Làm cách nào để tạo các trang mới chứa nhiều JavaScript hơn?

  Tôi đang sử dụng JS để mở một trang mới và viết mã HTML vào đó, nhưng khi tôi cố gắng sử dụng document.write() để viết JS trên trang mới thì chức năng không hoạt động. Rõ ràng, một khi đã nhìn thấy thì JS chính sẽ bị đóng lại. cho sự sắp tới

• Công cụ Javascript thực thi Javascript trong trình duyệt như thế nào?

  Câu hỏi không được đặt ra để giải quyết vấn đề, câu hỏi được đặt ra để hiểu rõ hơn về các chuyên gia hệ thống! Tôi biết rằng bất cứ khi nào bạn đưa mã javascript vào công cụ javascript, nó sẽ được công cụ javascript thực thi ngay lập tức. Vì tôi chưa thấy Engi

• Làm cách nào để chuyển các biến JavaScript từ tệp JavaScript này sang tệp JavaScript khác?

  Tôi có hai tệp javascript trong một thư mục. Tôi muốn chuyển một biến từ tệp javascript sang tệp khác. Tôi nên sử dụng chương trình nào? Câu trả lời hay nhất window.postMessage được sử dụng cho các tin nhắn nhiều tài liệu. làm

• vấn đề đầu vào javascript trong javascript

  Tôi có một bài tập trong đó tôi cần lấy hai đầu vào và kiểm tra xem cả hai có bằng một hay không. Nếu console.log thông thường console.log sai thì tôi đã thử một cái gì đó như thế này: function isPositive(linh sam

• Nhúng Javascript vào các trang tải thư viện javascript khác?

  Tôi đang tạo một ứng dụng web và dự định cho phép các trang web (khách hàng) khác nhúng đoạn javascript sau vào trang của họ: Ứng dụng web của tôi được đặt tại http://example.org. Tôi không thể cho rằng các trang của trang khách có JQue

• Gọi Javascript từ bên trong Javascript

  Hiện tại tôi đang sử dụng ba tệp JS bên ngoài. Tôi thích kết hợp cả ba tệp JS thành một. Làm bất cứ điều gì cần thiết. Tôi tạo aio.js và trong aio.js src="https://code.jquery.com/

• Thứ tự sắp xếp đặc biệt cho các đối tượng javascript AngularJS/javascript

  Ví dụ: tôi có một mảng như thế này: var myArray = []; var item1 = { start: '08:00', end: '09:30' } var item2 = {

• Thực thi Javascript bên trong Javascript?

  Vì vậy, tôi đang tạo một tiện ích mở rộng của Chrome sử dụng một số tập lệnh TamperMonkey mà tôi đã tạo. Tôi muốn có tệp javascript "chính" nơi bạn có thể bao gồm và thực thi các tập lệnh khác. Tôi khá giỏi trong việc chuyển đổi các jav khác bằng dòng sau

• Làm cách nào để di chuyển các biến từ javascript sang javascript?

  Tôi có các tệp javascript A,B html và A,B. Và, làm cách nào để di chuyển trực tiếp các biến toàn cục được sử dụng trong JavaScript A sang JavaScript B? Ví dụ về JavaScript) và

• gọi javascript từ javascript

  Tôi cần đặt toàn bộ mã bên dưới vào JavaScript có tên activate.js. bạn có thể cho tôi biết làm thế nào để làm điều đó? var int = int mới({ giây: 30, đánh dấu

• Truyền giá trị biến từ JavaScript này sang JavaScript khác

  Tôi đã tạo trang chính EXAMPLE1.Master cho ứng dụng web .net của mình. Tôi lưu trữ giá trị trong một biến JavaScript. Tôi muốn truy xuất biến này trong một tệp JS khác. Ví dụ 1.Master: -

• javascript - Có thư viện mã nguồn mở nào có thể được sử dụng để tổ chức Javascript trên trình duyệt không?

  Có thư viện nào tôi có thể sử dụng để chuyển đổi mã như thế này không: function () { var a = 1; } thành mã như thế này: function () { var a = 1; Vì tôi ở Gi

• Thiếu cú ​​pháp sau danh sách tham số trong lỗi javascript javascript)

  Tôi gặp lỗi cú pháp $(document).ready(function ChangeText() { var p = document.getElementById('bidp

• Bắt đầu JavaScript thứ hai sau khi JavaScript đầu tiên hoàn thành

  Tôi đang tạo một thanh tiến trình. Nó có một nhãn hiệu. Tôi muốn điều chỉnh nhãn được hoàn thành bởi một tập lệnh nhất định. Sau khi tìm thấy một số câu trả lời về các giải pháp khả thi, tôi đã nghĩ ra đoạn script sau. Cái đầu tiên khởi động và hoạt động như mong đợi. Tuy nhiên, cái thứ hai thì không. Có chuyện gì vậy? Mã này như sau: HTML:

• Tại sao thư viện javascript bên ngoài chặn javascript trên trang của tôi?

  Đây là một câu hỏi rất đơn giản mà đầu óc đơn giản của tôi không thể trả lời: tại sao các hàm ẩn danh và hàm tải bên dưới không chạy khi tôi tải chúng vào thư viện bên ngoài? Tôi đang thiếu một cái gì đó rất, rất cơ bản. Library.js chỉ có một dòng: console.log(

• Cách phân biệt giữa javascript trong mã và javascript phía máy khách

  Tôi biết javascript là ngôn ngữ phía máy khách, nhưng nếu mã javascript được nhúng trong mã thực tế khác với mã đang chạy trên bảng điều khiển, tôi sẽ thử tìm hiểu. Hãy để tôi giải thích nó bằng một ví dụ: Tôi muốn tạo một chiếc Mi

• JavaScript nội tuyến thành JavaScript không phô trương?

  Làm cách nào để thay đổi javascript nội tuyến này thành JavaScript không phô trương? Cảm ơn! Cảm ơn câu trả lời, nhưng nó không hoạt động. Mã của tôi là: Tệp PHP js document.getElem

• Làm cách nào để xuất các đối tượng JavaScript sang JavaScript?

  Tôi đang tìm cách thanh lịch nhất để "đổ" một đối tượng JavaScript đơn giản vào mã nguồn JavaScript được tạo động. Mục đích: Giả sử chúng ta có máy chủ node.js tạo HTML. Chúng tôi có một đối tượng x ở phía máy chủ.